为了账号安全,请及时绑定邮箱和手机立即绑定

vue对select标签的支持是不是有bug,还有人遇到这种问题么?

/ 猿问

vue对select标签的支持是不是有bug,还有人遇到这种问题么?

xue5hen 2017-09-28 09:05:41

在我的页面中有如下一段代码(因为只有两个option,所以这里没使用v-for循环):

<select class="form-control" v-model="RecordParams[13].StereopsisState">    
	<option value=0 >无</option>    
	<option value=1 >有</option>    
</select>

但在实际生成页面后,偶尔会被解析成这样:

http://img1.mukewang.com/59cc497a0001093e02340062.jpg

于是我做了如下尝试:

1)起先我猜测是不是vue对数字的支持不好,所以将值改成了字符串(即value="1"),但经过多次测试后发现还是偶尔会出现;

2)然后我将option替换成了v-for的写法,暂时还没测出来,但还是感觉很不放心,网上搜索也没找到类似的状况,所以想再搞搞清楚。

<select class="form-control" v-model="RecordParams[13].StereopsisState">    
	<option v-for="(v,i) in ['无','有']" :value="i">{{v}}</option>   
</select>


查看完整描述

2 回答

?
拖鞋_

如果没记错

<option value=0 >无</option>    

    <option value=1 >有</option> 


你这写错了  value 应该加双引号的

查看完整回答
反对 回复 2017-09-28
  • xue5hen
    xue5hen
    关于这一点我也怀疑过了,就是问题中的“ 1)”,我将其改为字符串,依然会偶尔出现问题。 在不使用vue的前提下,使用 value=0 是不会出现问题的.
?
拖鞋_

<option v-for="(v,i) in ['无','有']" :value="i">{{v}}</option>   

这好像 简写应该是

<option v-for="(v,i) in ['无','有']" @value="i">{{v}}</option>   

查看完整回答
反对 回复 2017-09-28
  • xue5hen
    xue5hen
    @是绑定事件用的,属性的确是: @代表v-on,:代表v-bind
  • 拖鞋_
    拖鞋_
    我看了一下之前的代码 是我记错了 不过我没出现你的情况
  • 拖鞋_
    拖鞋_
    一般这个位置的值 会放表的主键来做标识 没放过别的东西

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信