Laravel中的Vue实例问题

时间:2019-06-05 13:45:35

标签: laravel vue.js

我以前曾做过这项工作,但在作曲家进行了几次更新后,现在遇到了Vue相关的错误。

我正在进行字符倒计时,因此在我的HTML中,我有:

<div>Characters remaining:</div><div class="input-group-addon" v-text="{{remainingCount}}"></div>

在我的Vue代码中,我有:

new Vue({
      el: '#postContent',
      data: {
        maxCount: 1400,
        remainingCount: 1400,
        message: '',
        hasError: false
      },
      methods: {
        countdown: function() {
          this.remainingCount = this.maxCount - this.message.length;
          this.hasError = this.remainingCount < 0;
        }
      }
    })

但是当我加载页面时,我在上面的html行中收到错误:Use of undefined constant remainingCount - assumed 'remainingCount'

我不确定会导致什么变化,但是就Laravel对Vue语法的理解而言,看来我做错了吗?

更新:已被标记为重复或已回答,但引用的答案无济于事。如果我将其设置为v-text =“ @ {{remainingCount}}”,则错误消失了,但是现在我的Vue代码中的#postContent区域消失了

0 个答案:

没有答案