javascript - 选择不工作的 VueJS 默认值

标签 javascript vue.js vuejs2

我想在 Vue 中为选择设置默认值。

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <select v:model="select">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
  </select>
</div>

<script>
    new Vue({
      el: '#app',
      data: {
        select: '2'
      }
    })
<script>

我希望默认值是2,但它是1

这是一个 fiddle - https://jsfiddle.net/dqgsbw9o/

最佳答案

除了 v:model 之外,您的代码是正确的。那应该是 v-model:

<select v-model="select">

updated fiddle

关于javascript - 选择不工作的 VueJS 默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55435633/

相关文章:

javascript - 尽管有 clearTimeout,setTimeout 仍然会触发

javascript - 用于在 JavaScript 应用程序中实现卡路里计数器功能的逻辑

javascript - 除非控制台打开,否则 p5.js saveCanvas() 在 Google Chrome 中失败并显示 "Network error"

javascript防止鼠标中键在新标签页中打开链接

javascript - 从 Url 中删除查询字符串参数

javascript - 为什么 Twitter Timeline 没有根据 Vue.js 组件中的变量加载?

vue.js - v-if 可以触发什么吗? v-if 是否引发事件?

javascript - 使用Vue方法时访问数据时无法使用 "this"

javascript - Vuetify动态创建v-select

javascript - 将 Vue 变量传递给 Vue 函数