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

在我的页面中有如下一段代码(因为只有两个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>


xue5hen
浏览 3130回答 2
2回答

拖鞋_

如果没记错<option value=0 >无</option>        <option value=1 >有</option> 你这写错了  value 应该加双引号的

拖鞋_

<option v-for="(v,i) in ['无','有']" :value="i">{{v}}</option>   这好像 简写应该是<option v-for="(v,i) in ['无','有']" @value="i">{{v}}</option>   
打开App,查看更多内容
随时随地看视频慕课网APP