v-bind Vue.js 的多个变量答案

【问题标题】：Multiple variables with v-bind Vue.jsv-bind Vue.js 的多个变量
【发布时间】：2018-12-20 11:55:33
【问题描述】：

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

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

但我收到以下错误：

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

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

[Vue 警告]：无法生成渲染函数：SyntaxError: Invalid
中的速记属性初始化器

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

v-bind

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

参数：attrOrProp（可选）

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

开启

期望：函数 |内联语句 |对象

参数：事件

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

【讨论】：

我试过了，它确实渲染了页面，但现在变量的值没有改变：s
我认为主要浏览器可能不支持 onloadstart (developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/…)。你应该把functionOFF = true; editOFF = true放在Vue组件的created钩子里。

【解决方案3】：

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

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

【讨论】：