vue中给某个元素绑定点击事件

来源:1-5 项目作业

leepulse

2021-07-29 16:39:30

vue中给某个元素绑定点击事件,在setup函数里应该怎么写?我在某个元素里绑定了点击事件,但setup那里会报错:

<i class="menu__menubar__closeicon iconfont" @click="handleMenuIcon()">菜单</i>


setup() {

const handleMenuIconClick = () =>{

      handleMenuIcon() {

        console.log('1');

      }

    }

    return {

      handleMenuIconClick

    }

}

写回答

1回答

好帮手慕慕子

2021-07-29

同学你好,i标签上绑定的点击事件名与setUp方法中return返回的函数名不一致,如下:

http://img.mukewang.com/climg/610272430944318e15101046.jpg

另外,handleMenuIconClick函数体中的代码存在语法错误,参考下图理解:

http://img.mukewang.com/climg/610274c709c2523310940828.jpg

建议:去掉外面包裹的handleMenuIconClick函数,直接定义handleMenuIcon函数,然后返回即可,示例:

http://img.mukewang.com/climg/6102756b096c180e17081290.jpg

此时点击按钮就可以输出测试值1,如下:

http://img.mukewang.com/climg/610275b809ee653615380344.jpg

祝学习愉快~


0

0 学习 · 15276 问题

查看课程