在安装的Vue组件中:{this.init()}会引发错误:意外的令牌,应为{

时间:2019-03-09 14:52:06

标签: javascript vue.js vue-cli echarts

结合Vue和echarts时,我在src / components / Chart.vue中编写了此代码:

play()

运行<script> export default { name: 'Charts', data () { return { chart: '' } }, computed: { style () { return { height: this.height, width: this.width } } }, mounted: {this.init()}, methods: { init () { this.chart = this.$echarts.init(document.getElementById(this.id)) this.charts.setOption(this.option) } } } </script> 时,它引发了这个问题:

npm run dev

我在Google上搜索了很多,但没有找到答案。如果有人能启发我,我将不胜感激。

2 个答案:

答案 0 :(得分:1)

与处理数据一样,mount应该是一个函数:

-bash: /Users/{username}/.nvm/versions/node/v10.1.0/bin/node: No such file or directory

答案 1 :(得分:0)

mounted应该引用函数文字,因此请尝试

mounted: function() { this.init() }