vue中data数据之间如何赋值问题

2022-09-07 11:41:02

目录vuedata数据之间如何赋值实现方式vueData数据赋值变量语法vuedata数据之间如何赋值最近我妹突然问我vue的data之间需要进行赋值,这是什么奇葩需求,干嘛不直接自己定义好就好...

目录
vue data数据之间如何赋值
实现方式
vue Dathttp://www.cppcns.coma数据赋值变量语法

vue data数据之间如何赋值

最近我妹突然问我vue的dajavascriptta之间需要进行赋值,这是什么奇葩需求,干嘛不直接自己定义好就好了啊,既然有这种场景,那么我们就需要去解决这种场景。

实现方式

<template>
 <div>
  <Input v-model="dictValue" placeholder="请输入字典的值" clearable style="width: 20javascript0px" />
 </div>
</template>
<script>
  export default {
    data () {
      return {
        initValue: '默认值',
        // 错误的使用方式
        // dictValue: this.initValue
        dictValue:''
      }
    },
   mounted(){
    // 正确的初始化方式
    this.dictValue = this.initValue
   }
  }
</script>

以上的代码大家js可以直接在https://run.iviewui.com/sCE69xV2这个地址上运行即可验证

vue Data数据赋值变量语法

computed: {
pickerOptions() {
   let _this = this;
   return {
    disabledDate(time) {
     let time1 = _this.time; // 动态起始时间 ,这个时间是已经得到的时间戳
     return time.getTime() > new Date(time1);
    },
   };
  },
}

采用计算属性  取data中的变量进行赋值。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。