如何在Vue中设置正确的“selected”值

Question

我在使用模态框时遇到了一点“问题”。

根据一个参数的不同，模态框里会加载一个空表单，或者在编辑时，我想要加载我选择的对象的所有信息。

到目前为止，一切都还不错。

但是，当我想要编辑的时候，我希望能够设置一个值，这个值要和我选择的对象的值对应。

我自己造成的“问题”如下：

• 在空表单中，我有一些计算出来的值作为选项。

<select v-model="data.categorie">
<option v-for="n in 14">Onder-{{ n + offset }}</option>
</select>

这些值是以字符串的形式保存的（例如 "Onder-10"）。

当我进行“编辑”时，我使用相同类型的表单，但这次我希望与 'data.categorie' 对应的“选项”能够被选中。

但我不太确定该怎么做，因为我用 "Onder-{{n+offset}}" 来填充选择框/选项，所以它们之间并不能直接比较……

我是不是应该设置一个空变量，然后用 v-bind（比如说叫 test）来测试一下，然后再进行一个

:selected="test === data.catagorie"

或者，最好的方法应该是什么呢？