Vue类绑定字符串?

时间:2018-05-09 11:45:38

标签: javascript css vue.js

有没有办法让Vue类绑定使用字符串? 例如:

<div :class={open: target == 'myString'}></div>
var app = new Vue({
  target: null
})

当我没有引号

时,它可以正常工作
<div :class={open: target == myString}></div>

但我收到以下警告:

  

[Vue warn]:属性或方法“myString”未在实例上定义,但在呈现期间引用。确保在数据选项中声明反应数据属性。

1 个答案:

答案 0 :(得分:1)

尝试以下

var app = new Vue({
  el: '#app', // the id of the div that you will apply this object on it
  data : {
    target: '',
    myString: '',
  }
})