vue中data数据之间如何赋值问题
更新时间：2022年09月07日 11:15:40 作者：笨_鸟_不_会_飞
这篇文章主要介绍了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.com/sCE69xV2这个地址上运行即可验证
vue Data数据赋值变量语法
computed: {
pickerOptions() {
let _this = this;
return {
disabledDate(time) {
let time1 = _this.time; // 动态起始时间 ，这个时间是已经得到的时间戳
return time.getTime() > new Date(time1);
},
};
},
}采用计算属性 取data中的变量进行赋值。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
红包也叫压岁钱，是过农历春节时长辈给小孩儿用红纸包裹的礼金。本文将通过Vue制作一个红包雨小游戏，文中的示例代码讲解详细，需要的可以参考一下2022-01-01
最近有个需求，一个列表上下移动要有简单过渡效果。本文通过实例代码给大家介绍Vue 列表上下过渡效果,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了vue教程之toast弹框全局调用示例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了vue3一个元素如何绑定两个或多个事件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
Vue使用html2canvas和jspdf实现PDF文件导出
这篇文章主要为大家详细介绍了Vue如何使用html2canvas和jspdf实现PDF文件导出功能并设置页面大小及方向,感兴趣的小伙伴可以跟随小编一起学习一下2025-01-01
Vue 3已经稳定了相当长一段时间了。许多代码库都在生产环境中使用它，其他人最终都将不得不迁移到Vue 3。我现在有机会使用它并记录了我的错误，下面这些错误你可能想要避免2023-03-03
这篇文章主要介绍了vue结合el-upload实现腾讯云视频上传功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
近来发现Echarts API越发的强大，对于绘制各类图形可以使用Echarts实现。本文将利用Echarts实现分时图和交易量图的绘制，希望对大家有所帮助2023-03-03
这篇文章主要介绍了vue项目打包部署后默认路由不正确的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
EventBus称为事件总线,当两个组件属于不同的两个组件分支,或者两个组件没有任何联系的时候,不想使用Vuex这样的库来进行数据通信,就可以通过事件总线来进行通信,这篇文章主要给大家介绍了关于Vue eventBus事件总线封装后再用的相关资料,需要的朋友可以参考下2022-06-06
最新评论