vue 监听对象里某个值的变化
2023-09-14 09:02:29 时间
假设vue里有个form表单对象:
form: { id: null, projectName: null, state: '100', typeId: null, typeName: null }
当typeId变化时,实时修改typeName的值(因为是回调修改,其实有点延时)
使用watch监听typeId
watch: { 'form.typeId': { handler: function() { if (!this.form.typeId) { this.form.typeName = null return } this.form.typeName = this.projectTypeOptions.find(item => { return item.key === this.form.typeId }).display_name } } }
相关文章
- Vue之ES6对象字面量增强写法
- 【vue引用原生高德地图并多点标注】
- Vue(27)vue-codemirror实现在线代码编译器「建议收藏」
- vue-router 如何实现支持外部链接
- vue-cli 初始----安装运行Vue项目
- K8s nginx-ingress 如何配置二级目录转发远程静态服务器基于Vue路由history模式打包的应用程序
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- vue父子组件传值方法_vue父组件向子组件传递对象
- VUE双向绑定原理_vue的数据绑定怎么实现
- Vue组件库实现按需引入可以这么做
- VUE组件封装_vue使用组件
- 【vue】牛客专题训练02
- Vue和vue全家桶有什么区别_Vue和vue全家桶有什么区别
- vue路由嵌套,配置children嵌套路由
- Vue cli4 图片地址引入的几种方式
- Vue源码之虚拟DOM和diff算法(二)手写diff算法
- vue入门篇之Vue.js 组件
- vue实现多个倒计时同步刷新
- 浅谈Vue中的Prop详解编程语言
- 安装Vue on Linux:轻松搭建开发环境(linux安装vue)
- 为什么我们放弃了Vue?Vue和React深度比较
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue极致集成Redis,实现更优秀的性能(vue集成redis)
- 基于Vue的Redis网页设计(vue设计redis页面)
- Vue实时监测Redis变化(vue监控redis变化)
- 用Vue从Redis中获取强有力的数据(vue用redis中数据)
- 使用Vue从Redis获取数据(vue去redis取数据)
- 优化网站性能,Vue搭配Redis缓存更加有效(vue使用redis缓存)
- 构建基于Vue与Redis的高性能缓存系统(VUE redis缓存)