vue如何监听动态元素？

[MistyWood]

table里面每一行都有一个输入框，绑定的v-model是scope.row.val
用input监听只能监听到本次输入的数据，所以想要用watch监听来获取上一次的值
watch监听怎么能监听到每一行里输入框的数据呢？

[ludousha]

watch里第二个参数是上一次的值

[MistyWood]

引用 1 楼 ludousha 的回复:

watch里第二个参数是上一次的值

对，所以我想用watch来监听数据 但是这个输入框是表格动态生成的，绑定的v-model是scope.row.val，应该怎么用watch监听呢

[ludousha]

引用 2 楼 MistyWood 的回复:

[quote=引用 1 楼 ludousha 的回复:] watch里第二个参数是上一次的值

对，所以我想用watch来监听数据 但是这个输入框是表格动态生成的，绑定的v-model是scope.row.val，应该怎么用watch监听呢 [/quote] 监听了需要做什么事情？

[漠子凉]

watch整个table 的data

[MistyWood]

引用 3 楼 ludousha 的回复:

[quote=引用 2 楼 MistyWood 的回复:] [quote=引用 1 楼 ludousha 的回复:] watch里第二个参数是上一次的值

对，所以我想用watch来监听数据 但是这个输入框是表格动态生成的，绑定的v-model是scope.row.val，应该怎么用watch监听呢 [/quote] 监听了需要做什么事情？[/quote] 校验输入框输入值，只能有一个小数点，最多两位小数。想用正则校验之后如果不符合再把它给赋值成上一次的值

[MistyWood]

引用 4 楼 漠子凉 的回复:

watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行

[漠子凉]

引用 6 楼 MistyWood 的回复:

[quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 我记得我之前做个一个动态watch

[漠子凉]

引用 6 楼 MistyWood 的回复:

[quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 主要是把watch对象变成一个data, 然后数据渲染和监听的时候动态去设置watch

[MistyWood]

引用 8 楼 漠子凉 的回复:

[quote=引用 6 楼 MistyWood 的回复:] [quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 主要是把watch对象变成一个data, 然后数据渲染和监听的时候动态去设置watch[/quote] 这个对象数组里面不仅有每个对象里元素的改变，还会存在对象的动态新增和删除，这样监听范围有点大

[漠子凉]

引用 9 楼 MistyWood 的回复:

[quote=引用 8 楼 漠子凉 的回复:] [quote=引用 6 楼 MistyWood 的回复:] [quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 主要是把watch对象变成一个data, 然后数据渲染和监听的时候动态去设置watch[/quote] 这个对象数组里面不仅有每个对象里元素的改变，还会存在对象的动态新增和删除，这样监听范围有点大[/quote]

	new Vue({
		watch: {
			'a.a': {}
		}
	})

	// 修改后
	var watch = {}
	new Vue({
		methods: {
			setWtach() {
				watch[ 'a.a' ] = {}
			}
		},
		watch: watch
	})
	

我说的是动态设置watch

[MistyWood]

引用 10 楼 漠子凉的回复:

[quote=引用 9 楼 MistyWood 的回复:] [quote=引用 8 楼 漠子凉 的回复:] [quote=引用 6 楼 MistyWood 的回复:] [quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 主要是把watch对象变成一个data, 然后数据渲染和监听的时候动态去设置watch[/quote] 这个对象数组里面不仅有每个对象里元素的改变，还会存在对象的动态新增和删除，这样监听范围有点大[/quote]

	new Vue({
		watch: {
			'a.a': {}
		}
	})

	// 修改后
	var watch = {}
	new Vue({
		methods: {
			setWtach() {
				watch[ 'a.a' ] = {}
			}
		},
		watch: watch
	})
	

我说的是动态设置watch [/quote] 解决了，非常感谢！！！

[飞猪伊姿]

引用 10 楼 漠子凉 的回复:

[quote=引用 9 楼 MistyWood 的回复:] [quote=引用 8 楼 漠子凉 的回复:] [quote=引用 6 楼 MistyWood 的回复:] [quote=引用 4 楼 漠子凉 的回复:] watch整个table 的data

一个table里有好几例输入框，还有动态新增行的功能监听整个table不太行[/quote] 主要是把watch对象变成一个data, 然后数据渲染和监听的时候动态去设置watch[/quote] 这个对象数组里面不仅有每个对象里元素的改变，还会存在对象的动态新增和删除，这样监听范围有点大[/quote]

	new Vue({
		watch: {
			'a.a': {}
		}
	})

	// 修改后
	var watch = {}
	new Vue({
		methods: {
			setWtach() {
				watch[ 'a.a' ] = {}
			}
		},
		watch: watch
	})
	

我说的是动态设置watch [/quote]我想问如果table的data有多条，那么setWtach方法中的watch[ 'a.a' ] = {}是不是也应该有多条呢

[MistyWood]

@maomao19861109 动态设置watch，最后一条回复里面的方法

[maomao19861109]

您好，我也遇到这个问题了，怎么解决的能说一下么