首页>>帮助中心>>美国云服务器的vue表单修饰符有哪些

美国云服务器的vue表单修饰符有哪些

2023/7/19 400次

美国云服务器的vue中的表单修饰符有以下几种

1.lazy修饰符

vuelazy修饰符的作用是将输入框的值与数据转变在change事件中同步。

<input v-model.lazy="name">

<p>{{ name }}</p>

<script>

new Vue({

el: '#app',

data: {

name: "请输入姓名:"

}

})

</script>

2.number修饰符

vuenumber修饰符的作用是将输入框内的字符串转换成数字。

<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>

3.trim修饰符

vuetrim修饰符的作用是将输入框内中前后的空格去掉。

<input v-model.trim="search_text">

<p v-on:click="showContent"> {{ search_text }}</p>

<script>

showContent: function() {

console.log( "a" + this.search_text)

}

</script>

购买使用一诺网络美国云服务器,可以极大降低初创企业、中小企业以及个人开发者等用户群体的整体IT使用成本,无需亲自搭建基础设施、简化了运维和管理的日常工作量,使用户能够更专注于自身的业务发展和创新。美国云服务器低至49/月,购买链接:https://www.enuoidc.com/vpszq.html?typeid=3