首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >navigateTo:fail page "pages/goodsDetails/javascript:void(0);" is not found

navigateTo:fail page "pages/goodsDetails/javascript:void(0);" is not found

作者头像
honey缘木鱼
发布2019-03-11 14:33:21
8680
发布2019-03-11 14:33:21
举报
文章被收录于专栏:娱乐心理测试娱乐心理测试

在vue.js项目转化到mpvue的小程序项目的过程中,执行事件时,报了如下图所示的错误:

找出报错代码:

 <div class="purchase" @click="selectColor('1')">
        <a href="javascript:void(0);" >立即购买</a>
      </div>

原因是:用a标签时,用到了href="javascript:void(0);",在vue.js有路由进行跳转,href="javascript:void(0);"这种写法代表禁止超链接跳到另一个地址,但是在mpvue中,可用a标签实现页面跳转,所以以上的写法不可行。

解决方案: 把href="javascript:void(0);"去掉即可!

 <div class="purchase" @click="selectColor('1')">
        <a >立即购买</a>
      </div>

最后普及下为什么使用href="javascript:void(0);"在a标签中,及具体含义?

为什么要使用href=”javascript:void(0);”?

javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作。

<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接

href=”javascript:void(0);”与href=”#"的区别

<a href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部 <a href="#">点击</a> 点击后会回到网面顶部

"#"其实是包含了位置信息,例如默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)

使用javascript的方法

<a href="#" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" onclick="javascript:方法;return false;">文字</a>

补充 <a href="javascript:hanshu();"这样点击a标签就可以执行hanshu()函数了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.02.28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档