在我们日常写项目时,下拉框是经常使用的,也是非常简单的,但是有时也是会出现一些小的问题。

首先 我们给下拉框添加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"

Logo

前往低代码交流专区

更多推荐