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

目录 vue data数据之间如何赋值 实现方式 vue Data数据赋值变量语法

vue data数据之间如何赋值

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

实现方式

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

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

vue Data数据赋值变量语法

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

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

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

查看更多关于vue中data数据之间如何赋值问题的详细内容...