1.给对象动态添加属性和值
var obj={
name:"jack",
age:"18"
}
第一种:Vue.set(obj,'sex','18');
第二种:this.$set(this.obj, 'score', 90);
第三种:obj.score=100;
直接赋值的方式不能触发Vue的响应式系统。
如果我们需要在模板中使用动态添加的属性,建议使用Vue.set或$set方法
2.vue修饰符
事件修饰符:
在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如:
<my-component v-on:click.native="doTheThing"></my-component>
@click.stop
修饰符的元素,当它被点击时,事件将不会再向父级元素传递。这可以避免事件被不必要地多次触发。
v-model的修饰符
<1> .lazy
默认情况下,v-model同步输入框的值和数据。可以通过这个修饰符,转变为在change事件再同步。
<input v-model.lazy="msg">
1
<2> .number
自动将用户的输入值转化为数值类型
<input v-model.number="msg">
1
<3> .trim
自动过滤用户输入的首尾空格
<input v-model.trim="msg">
————————————————
版权声明:本文为CSDN博主「@柠稔」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_64969829/article/details/122881221