v-bind Vue.js的多个变量

Question

我正在尝试在以下代码中传递多个变量：

<div v-bind:onloadstart='functionOFF = true; editOFF = true'></div>

但出现以下错误：

  

[Vue警告]：无法生成渲染函数：SyntaxError：   意外的标记 ;在

我尝试将;替换为,，但我得到了：

  

[Vue警告]：无法生成渲染函数：SyntaxError：无效   速记属性初始值设定项

关于如何实现这一目标的任何想法？

Answer 1

根据document，v-bind应该是一个值或一个对象。

  

v-bind

     

期望：任何（带参数）|对象（不带参数）

     

参数：attrOrProp（可选）

您应该使用v-on监听事件（在本例中为onloadstart）。 v-on可以与内联语句一起使用

  

v-on

     

期望：功能|内联声明|对象

     

参数：事件

<div v-on:onloadstart='functionOFF = true; editOFF = true'></div>

Answer 2

如果不想声明方法，可以使用匿名函数：

<div v-bind:onloadstart='()=>{functionOFF = true; editOFF = true;}'></div>

Answer 3

此外，您可以通过以下方式使用：

<input v-bind:value="[item.id, item.name]">