Question

我是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>

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

谢谢您的帮助！

Answer 1

根据我的评论进一步扩展：预选择在您的代码中不起作用的原因是，您的<option>元素没有value属性。这意味着浏览器API（以及扩展名为VueJS）将无法知道要预先选择哪个<option>，因为它们基本上没有任何价值。

为避免此问题，您需要向每个value元素中添加<option>，例如：

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

如何在Vue中预先选择选择模板？

1 个答案: