首页 > 应用开发 > > 在vue.js中使用单选框时selected属性失效
vue版本为2.6.10
//html:
<div id="checkbox">
<select v-model="sele">
<option selected="selected" value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<p>你选择了:{{sele}}</p>
</div>
//js:
<script>
var checkbox=new Vue({
el:"#checkbox",
data:{
sele: "",
}
})
</script>此时selected=“selected”居然失效了,不知道为什么,value属性为空的话p标签中都不会显示选择结果了,如果不写value的话,那还是默认为空的
默认效果如下:
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/714/viewspace-3171402/ ,如需转载,请注明出处,否则将追究法律责任。