标签:修饰符 number 字符串 添加 类型 model 十九
(1).lazy:在默认情况下,v-model在每次input事件触发后将输入框的值与数据进行同步(除了输入法组合文字时)。
你可以添加 lazy 修饰符,从而转为在change事件之后进行同步。
<input type='text' v-model.lazy='message'>结果:{{message}}
(2).number:如果想自动将用户的输入值转为数值类型,可以给v-model添加 number 修饰符。
<input type='number' v-model.number='age'>年龄:{{age}}
注意:这通常很有用,因为即使在 type="number" 时,输入input元素的值也总会返回字符串类型。
字符串类型是无法和加号直接做运算的,会把加号当成连接符使用。通常需要把字符串类型的数字用parseInt或parseFloat转换成数字类型。
而 .number 修饰符会自动转换成数字类型。
(3).trim:如果要自动过滤用户输入的首尾空白字符,可以给v-model添加 trim 修饰符。
姓名:<input type='text' v-model.trim='name'> <button type='button' @click='submit()'>提交</button>
标签:修饰符,number,字符串,添加,类型,model,十九 来源: https://www.cnblogs.com/Strugglinggirl/p/15240747.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。