this.$emit is not a function

Question

<div id="root">
  <test :value="value" @clickTest="testClick"></test>
</div>
<script>
  var test = {
    props: ["value"],
    template: "<div @click='handleClick'>{{value}}</div>",
    methods: {
      handleClick: function () {
        this.$emit("clickTest", 123);
      },
    },
  };
  var vm = new Vue({
    el: "#root",
    data: {
      value: "测试",
    },
    components: {
      test,
    },
    methods: {
      testClick: (test) => {
        console.log(test);
      },
    },
  });
</script>

Answer 1

两年半练习生坤 2023-11-24 14:25:00

this.$emit("clickTest", 123);

不能使用驼峰，要使用“-”进行连接

Answer 2

Dell 2021-05-10 22:34:11

这里也没有报错说is not a function 啊

Answer 3

Dell 2021-05-09 21:58:04

完整代码截图发给我看一下

• 提问者 SachinYe #1

  码云看不了吗
  https://gitee.com/sachin-ye/vue-practice/blob/master/index.html

• Dell 回复 提问者 SachinYe #2

  不是同学，你把你调用this.$emit 这个方法对应部分的代码截个图给我。

• 提问者 SachinYe 回复 Dell #3

  console吗?图片传上来了

点开查看后面3条评论