Vue.js 如何在Vue中预选选择模板？

我是Vue的新手。很抱歉问了这么多“愚蠢”的问题

我在vue模板中选择了以下内容：

<select style="width: 45px; height: 45px;padding-top: 5px;
                    padding-right: 5px; padding-bottom: 5px; padding-left: 5px;"
                    :value="cell"
                    @change="onChange($event)"
                    v-model="key">
        <option>0</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
      </select>

0
1.
2.
3.
4.
5.
6.
7.
8.
9

{{cell}}设置正确，但我无法确保select模板显示任何预选值。每次都是空的

---

谢谢你的帮助

从我的评论进一步扩展：pre-select在代码中不起作用的原因是您的

元素没有

值

属性。这意味着浏览器API（扩展为VueJS）无法知道要预选哪个

，因为它们基本上都没有价值

为避免此问题，您需要向每个

元素添加

值，例如：

<option value="0">0</option>

0
从我的评论进一步扩展：pre-select在代码中不起作用的原因是您的
元素没有
值
属性。这意味着浏览器API（扩展为VueJS）无法知道要预选哪个
，因为它们基本上都没有价值

为避免此问题，您需要向每个
元素添加
值，例如：

<option value="0">0</option>

0
这是因为没有一个
元素具有
值
属性。因此，VueJS无法知道要为父
元素上的给定
值
绑定预先选择哪个
。非常感谢。你愿意回答吗？所以我可以给这个评分。这是因为你的
元素都没有
值属性。因此，VueJS无法知道要为父
元素上的给定
值
绑定预先选择哪个
。非常感谢。你愿意回答吗？所以我可以给这个评分。