Vue-中若元素属性绑定的值需要为数字时坑

Vue-中若元素属性需要绑定的值为数字时的处理

1.如果直接这样写:

<select    v-model='value'>
	<option  value='数字'>...</option>
</select>

这时vue并不会把你写入的数字,解析成数字而是解析成字符串,即使是你写到data中一个变量为数字,再使用。都是如此。
2.解决:
如果属性需要是数字时(type=Number).需要在属性值前使用v-bind==> ‘:’属性值 的写法。具体写法如下

<select    v-model='value'>
	<option  :value='数字'>...</option>
</select>

猜你喜欢

转载自blog.csdn.net/qq_41709082/article/details/85338413
今日推荐