(已解决)return data时候语法错误

下面这些问题都是因为新建项目时候开启了ESLint,我从新建立了一个项目没有开启ESLint,一切正常了。


vue 2.9.6 用vue-cli创建的项目。

奇怪,在return里加入第二个属性的时候,在冒号的位置显示错误。请问这是哪的问题?

https://img4.mukewang.com/5b704cb60001e09102960265.jpg

https://img.mukewang.com/5b704cb70001bb6707750443.jpg

如果写成

export default {

data()

{

return

{

inputValue: '';

list:[];

test:234;

}

},


methods:

{

OnSubmit: function()

{

this.list.push(this.inputValue);

this.inputValue = '';

alert(this.test);

}

}

}

用分号结尾就不报错了,但是代码运行就不正常了,调用OnSubmit()没反应。

还有就是双向绑定v-model也没有起作用:

data()......inputValue: 'something';

<input v-model="inputValue" />

网页打开时候文本框是空的。


Stormer2018
浏览 1837回答 1
1回答

Caballarii

js里return别换行,你这样写相当于return; {     ... }认为你打括号里是一段代码,所以让你加分号

聪明的汤姆

小老弟,写法最好是这样 function fn() {} 或者 return {} 而不是 return {}

可劲吃醋可劲闹

代码格式化一下,return后面的花括号别换行,也许就好了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js