当v-model值为真(例如,非空字符串)时,绑定复选框不会初始化为“选中”

时间:2019-01-16 16:54:21

标签: vue.js

我的复选框绑定到一个真实值(“测试”)的模型值,但该复选框初始化为“未选中”。

https://jsbin.com/hixarug/edit?html,js,console,output

<div id="app">
  <input type="checkbox" v-model="checkbox">checkbox
</div>
app = new Vue({
  el: "#app",
  data: {
    checkbox: "test"
  }
})

2 个答案:

答案 0 :(得分:1)

如果您想将"test"用作true,并且(我假设)""用作false,则可以这样做:

<input type="checkbox" true-value="test" false-value="" v-model="checkbox">

Documentation

答案 1 :(得分:0)

对不起,每个人都以为jsbin(2.0.3)中提供的Vue最新版本是Vue的最新版本。从2.2开始。