Vue中的表单修饰符有:1.lazy,将输入框的值与数据转变在change事件中同步;2.number,将输入框内的字符串转换成数字;3.trim,将输入框内中前后的空格去掉;vue中的表单修饰符有以下几种lazy修饰符vue中lazy修饰
Vue中的表单修饰符有:1.lazy,将输入框的值与数据转变在change事件中同步;2.number,将输入框内的字符串转换成数字;3.trim,将输入框内中前后的空格去掉;
vue中的表单修饰符有以下几种
lazy修饰符
vue中lazy修饰符的作用是将输入框的值与数据转变在change事件中同步。
<input v-model.lazy="name"><p>{{ name }}</p>
<script>
new Vue({
el: '#app',
data: {
name: "请输入姓名:"
}
})
</script>
number修饰符
vue中number修饰符的作用是将输入框内的字符串转换成数字。
<input v-model.number="number"><p v-on:click="showMsg">{{ number }}</p>
<script>
methods: {
showMsg: function() {
console.log(this.number);
console.log(typeof(this.number))
}
}
</script>
trim修饰符
vue中trim修饰符的作用是将输入框内中前后的空格去掉。
<input v-model.trim="search_text"><p v-on:click="showContent"> {{ search_text }}</p>
<script>
showContent: function() {
console.log( "a" + this.search_text)
}
</script>
--结束END--
本文标题: vue表单修饰符有哪些
本文链接: https://www.lsjlt.com/news/111669.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0