在外部js中对vue内容进行修改

本文探讨了如何在Vue组件中导入并使用外部定义的函数,尤其是当该函数包含一个需要在Vue中触发操作的click事件监听器。首先尝试了使用全局变量存储数据,但遇到问题;最终通过函数参数传递处理函数的方式解决了问题。
摘要由CSDN通过智能技术生成

问题描述

在某个js文件中定义了一个函数func,并export,在vue中import func,在func中有一个监听器,需要在click事件发生时执行某个操作,但是这个操作是在vue中执行的,也就是说监听器定义在外部js的函数中,而触发的操作需要在vue中完成。

解决

一开始是想用一个全局变量(例如window.localStroage.setItem)在click事件触发时存储相关参数,然后在vue中监听这个参数,发生改变时,执行vue中的处理函数。但是遇到了一些问题,并且最后也没有成功。
后来想到可以直接在func的参数中定义一个函数handle,将vue中的处理函数作为参数传递给func,func的click事件触发时,直接在func内部调用handle函数进行处理即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值