ITPub博客

首页 > 应用开发 > > 在vue.js中使用单选框时selected属性失效

在vue.js中使用单选框时selected属性失效

作者:penny_liang 时间:2019-09-02 09:35:47 0 删除 编辑

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/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    189
  • 访问量
    1741