时间戳

首页 > 解决方案 > v-on 处理程序中的错误：“ReferenceError：未定义编号”

javascript - v-on 处理程序中的错误：“ReferenceError：未定义编号”

问题描述

我开始使用 Laravel 和 Vue.js 进行小型项目。我试图用来v-model设置一个值，但我得到一个错误，如下所示：

<a href="#" class="dropdown-item" @click.prevent="edit" v-model="number = 1">
  <i class="icon-file-text2"></i> Modifier
</a>

data: function() {
  return {
    searchInput: '',
    buildings: {},
    number: null
  }
}

我收到的错误消息：

Error in v-on handler: "ReferenceError: number is not defined"

标签： javascriptvue.js

解决方案

v-model采用本地数据道具的名称，因此您不应在此处使用表达式。但是，仅对用户输入元素（例如,等）v-model有意义，对只读元素（例如.<input><select><a>

如果您打算在单击时设置number为，我建议将该代码移动到已经绑定到-event 的方法中：1<a>edit()click

export default {
  methods: {
    edit() {
      this.number = 1
    }
  }
}

推荐阅读