Vue 错误:inline selected attributes on <option> will be ignored when using v-model

今天遇到Vue提示这个错误:
inline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead.

代码如下:

<select v-model="selectedCapacity">
  <option value="" disabled selected>快速选择</option>
  <option value="1.5">小电水壶(1.5L)</option>
  <option value="2">雪碧瓶(2L)</option>
  <option value="5">大水壶(5L)</option>
  <option value="20">一桶(20L)</option>
</select>

这个提示是说,不能在option中添加selected来让它默认选中,而是要为它设置一个value,比如说空字符串"",然后在Vue的data里面让这个model等于设置的""
此处把selected取消,然后去data里面定义selectedCapacity=""即可。

添加新评论