网站怎么做二维码链接地址,杭州谷歌seo公司,室内设计效果图素材,湛江网吧发布时间#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;
};
