Vue中如何实现data数据间的长尾词级赋值操作？

本文共计332个文字，预计阅读时间需要2分钟。

目录 + Vue + Data数据之间如何赋值 + 实现方式 + Vue Data数据赋值变量语法 + Vue Data数据之间如何赋值 + 最近我妹突然问我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>

以上的代码大家可以直接在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中的变量进行赋值。

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