电子商务网站设计方案,广州企业网站建设推荐,网络营销哪家比较专业,wordpress 右侧广告位发布时间#xff1a;2024/05/22 如果您有适合我的项目机会给到我#xff0c;这是我的简历#xff1a;Resume 思路#xff1a; 思路原理#xff1a;实践发现href为null或者 的时候是不起作用的 将href属性绑定的固定路径设置为响应式数据变量a#xff0c;a初… 发布时间2024/05/22 如果您有适合我的项目机会给到我这是我的简历Resume 思路 思路原理实践发现href为null或者 的时候是不起作用的 将href属性绑定的固定路径设置为响应式数据变量aa初始值为null or 利用鼠标事件之鼠标右键事件【oncontextmenu】将href绑定的变量a设置为 path路径值利用鼠标事件之鼠标按下事件【mousedown】将a的值先设置为null or ,这时候href就不起作用了再利用vue-router的push方式实现路由跳转。 友情提示我的代码特殊性在于用的route模式是hash 不是传统的history 且使用是vue3和typescript读者自行调试思路是没问题的。 代码 html acontextmenucontextmenu(item)mousedownmenuItemMouseDown(item):hrefa {{ item.meta.title }} /atypescript or javascript const a ref();//将设置为响应式数据 const menuItemMouseDown (item: any) {a.value ;//先将a设置为空router.push(item.path);//在通过vue-router 的push方法实现内部路由跳转 }; const contextmenu (item: any) {a.value /#/ item.path; };