vue2中监听watch的写法汇总

  watch: {questionItem: {handler(val, oldVal) {if (val) {this.questionItem = JSON.parse(JSON.stringify(val))this.init()}},immediate: true,  //刷新加载 立马触发一次handlerdeep: true  // 可以深度检测,里面每个值改变都会通知数据更新。},},

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串
JSON.parse()可以将JSON字符串转为一个对象。

<template><el-dialog:title="activeLayerId == 'fdb_poi_merge' ? '新建POI点' : '新增点门牌'"width="400px"> </el-dialog>
</template><script>
export default {props: ['tableData', 'isFilter', 'datalist'],// 写法二props: {dialogWidth: {type: String,default: '300px'},    },data(){return{form: {adoptedFlag: '', //情报反馈   },style: {position: 'top',width: this.dialogWidth,},activeLayerId: '', //当前图层}    },watch: {// 示例一'isFilter'(newVal) {if (newVal) {this.$refs.filterTable.clearSort(); // 清除排序this.$refs.filterTable.columnConfig.order = '';  // 清除排序高亮图标this.$emit('updateData', !newVal);}},// 示例二  datalist(newV) {this.nameList = newV;this.query_conditions = [new Condition('', '', '', '=', '', '')];},// 示例三'$store.state.editTask.activePanel'() {const obj = {intelligenceDetails: '情报详情',infoList: '情报列表',};this.$emit('updateTitle', obj[this.$store.state.editTask.activePanel]);},// 示例四'form.adoptedFlag': function (val) {this.showReason = val !== 1;if (val !== 1) {this.form.denyReason = '';}}, // 示例五dialogWidth(newValue) {this.data.style.width = newValue;},// 示例六'$store.state.map.activeLayerId'() {this.$nextTick(() => {this.activeLayerId = this.$store.state.map.activeLayerId;});},// 示例七'$store.state.map.hideLeft'() {this.displayLeft();},},
}
</script>

vue2中监听watch的写法汇总相关推荐

vue中监听input框获取焦点，失去焦点的问题
一.背景博主之前在用vue的获取焦点,失去焦点的时候,出现了@blur和@focus无效的情况.当时百思不得其解.今天又在写vue页面的时候,突然@blur和@focus又好用了.emmmm,看来这 ...
vue输入框输入触发事件_详解.vue文件中监听input输入事件（oninput）
详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...
Android 监听 Android中监听系统网络连接打开或者关闭的实现代码
本篇文章对Android中监听系统网络连接打开或者关闭的实现用实例进行了介绍.需要的朋友参考下很简单,所以直接看代码复制代码代码如下: package xxx; import android.c ...
java 多个监听_java中监听一个客户端怎么做？监听多个怎么做？
随着时代的不断进步与发展,人们对于科学技术的使用也越来越普遍化.人们都开始自己学习编程语言以更好的适应时代的发展.今天就来为大家介绍一下,java中监听一个客户端怎么做?监听多个怎么做?一起来看看吧. ...
vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
android 控件监听方法是,Android | Android中监听Button的实现
Android中监听Button的实现单按钮监听 2018-04-27_061911.jpg 1.在按钮所属的父Activity里,创建按钮变量 private Button mBtnTextVie ...
Android中监听电源键长按、Home键、Home键长按
Android中监听"电源键长按"."Home键"."Home键长按" 这几个"按钮"的触发,都会产生一个Action ...
Android中监听Home键的4种方法总结
本文主要介绍了Android中监听Home键的4种方法总结,主要讲解了onSaveInstanceState方法.onUserLeaveHint方法.ACTION_CLOSE_SYSTEM_DIALO ...
vue 中监听并设置scrollTop
vue 中监听并设置scrollTop 问题描述: 目前在做一个项目,父子组件以及兄弟组件中数据调用比较频繁.但是鉴于项目没那么大,就没有使用vuex.直接使用了this.$emit来给父级组件传递参 ...
Vue中监听页面刷新和关闭beforeunload事件
代码在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () {window.addEventListener('befo ...

vue2中监听watch的写法汇总

vue2中监听watch的写法汇总

vue2中监听watch的写法汇总相关推荐

最新文章

热门文章