问VueJs将布尔值绑定到dropdown

EN

我有一个带有两个选项的下拉列表："True“和"False"，当被选中时，我希望表单将所选值保存为布尔值。

因此，如果我在用户选择"True“时检查表单值，我希望该值作为布尔值为true。

<select v-model="selected">
  <option :value="null">Pick a value</option>
  <option v-for="val in options">{{val}}</option>
</select>

...

data() {
 return {
  selected: null,
   options: ["true", "false"]
}

这是我正在尝试的一个小提琴：https://jsfiddle.net/q0nk9h32/5/

如何以布尔形式输出所选值？

额外的问题:不使用options变量，这样做是否有效的语法/良好的实践：

v-for="val in ["true", "false"]"？

有一个变量来处理这个问题似乎有点夸张(但当我尝试直接使用数组时，它会失败)。谢谢!