vue中下拉框的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"