vue中下拉框的placeholder和选项传值问题使用
在我们日常写项目时,下拉框是经常使用的,也是非常简单的,但是有时也是会出现一些小的问题。首先 我们给下拉框添加placeholder值是不生效的,此时我们只需要将下拉框绑定的value的初始值赋值为undefined就可以了,下面直接上代码html代码<a-selectstyle="width: 180px"v-model:value="data.situation"placeholder=
·
在我们日常写项目时,下拉框是经常使用的,也是非常简单的,但是有时也是会出现一些小的问题。
首先 我们给下拉框添加placeholder值是不生效的,此时我们只需要将下拉框绑定的value的初始值赋值为undefined就可以了,下面直接上代码
html代码
<a-select
style="width: 180px"
v-model:value="data.situation"
placeholder="请选择"
>
<a-select-option value="PASSED">一组</a-select-option>
<a-select-option value="PASSED">二组</a-select-option>
<a-select-option value="REJECT">三组</a-select-option>
</a-select>
js代码
data: {
situation: undefined,
},
其二就是关于下拉框的value的值得问题,如果我们绑定的值和我上面的格式一样,都是字符串是没有任何问题的,但是如果是数字,那么,有时我们返回的值可能就不是后端期待的了,此时我们只需要在下拉框 value前加上:例如 :value="0"
更多推荐
已为社区贡献2条内容
所有评论(0)