解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题

 更新时间:2020年07月22日 15:09:12   作者:lyyo_cd  
这篇文章主要介绍了解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

let name = 'www.baidu.com/'

<a :href="name" rel="external nofollow" >

点击跳转到:

localhost:8080/www.baidu.com/

解决:

写成<a :href="'https//:'+name" rel="external nofollow" >

补充知识:问题:vue.js a标签href里有变量,函数拼接问题

正确格式:

<a :href ="'http://search.jd.com/Search?enc=utf-8&keyword='+keyWord+'&page='+Math.ceil(record.skuRank/60)+'.html'">跳转</a>

注意点:

1.href前面要加“:”

2.字符串要用单引号“ ' ”包住

3.句尾要加“.html”

以上这篇解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue实现At人文本输入框示例详解

    vue实现At人文本输入框示例详解

    这篇文章主要为大家介绍了vue实现At人文本输入框示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue设置路由title,但刷新页面时title失效的解决

    vue设置路由title,但刷新页面时title失效的解决

    这篇文章主要介绍了vue设置路由title,但刷新页面时title失效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • VUE单页面切换动画代码(全网最好的切换效果)

    VUE单页面切换动画代码(全网最好的切换效果)

    今天小编就为大家分享一篇VUE单页面切换动画代码(全网最好的切换效果),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 关于vue二进制转图片显示问题 后端返回的是byte[]数组

    关于vue二进制转图片显示问题 后端返回的是byte[]数组

    这篇文章主要介绍了关于vue二进制转图片显示问题 后端返回的是byte[]数组,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • 利用vue-i18n实现多语言切换效果的方法

    利用vue-i18n实现多语言切换效果的方法

    这篇文章主要给大家介绍了关于利用vue-i18n实现多语言切换效果的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用vue-i18n具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • Vue中对watch的理解(关键是immediate和deep属性)

    Vue中对watch的理解(关键是immediate和deep属性)

    watch侦听器,是Vue实例的一个属性,是用来响应数据的变化,需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的,这篇文章主要介绍了Vue中对watch的理解,需要的朋友可以参考下
    2022-11-11
  • Vue中为什么不推荐用index做key详解

    Vue中为什么不推荐用index做key详解

    Vue中使用虚拟dom且根据diff算法进行新旧DOM对比,从而更新真实 dom,key是虚拟DOM对象的唯一标识,在diff算法中key起着极其重要的作用,下面这篇文章主要给大家介绍了关于Vue中为什么不推荐用index做key的相关资料,需要的朋友可以参考下
    2022-09-09
  • 关于vue组件事件属性穿透详解

    关于vue组件事件属性穿透详解

    今天小编就为大家分享一篇关于vue组件事件属性穿透详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Vue3中watchEffect的用途浅析

    Vue3中watchEffect的用途浅析

    这篇文章主要给大家介绍了关于Vue3中watchEffect用途的相关资料, watch和watchEffect都是监听器,但在写法和使用上有所区别,本文进行了详细的介绍,需要的朋友可以参考下
    2021-07-07
  • vue3 自定义指令控制按钮权限的操作代码

    vue3 自定义指令控制按钮权限的操作代码

    这篇文章主要介绍了vue3 自定义指令控制按钮权限,为了提高用户体验,当该按钮无权使用时,使用el-tooltip功能进行提醒,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-10-10

最新评论