解决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之事件阻止冒泡的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
本文主要介绍了Vue绑定class和绑定内联样式的实现方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要给大家介绍了关于vue3.0关闭eslint校验的3种方法,在实际开发过程中,eslint的作用不可估量,文中将关闭的方法介绍的非常详细,需要的朋友可以参考下2023-06-06
在开发Web应用程序时,表格数据的展示和操作是非常常见的需求之一,特别是在处理表格中的复选框选择时,我们经常需要实现全选、反选等功能,这篇文章将带你深入了解如何在Vue.js中实现对二维数组数据的全选和反选功能,需要的朋友可以参考下2024-09-09
在这里就不过多说watch的用法了，这篇文章主要通过案例带大家了解一下如何清除过期的副作用。文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2023-01-01
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-11-11
这篇文章主要介绍了vue.js 初体验之Chrome 插件开发实录 ,需要的朋友可以参考下2017-05-05
这篇文章主要给大家介绍了关于Vue中引入svg图标的两种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
使用Vue3和Plotly.js打造一个3D图在线展示的实现步骤
三维网格图广泛应用于科学可视化、医学成像、工程设计等领域,用于展示复杂的数据结构和空间分布,本文给大家介绍了使用Vue3和Plotly.js打造一个3D图在线展示的实现步骤,文中有详细的代码示例供大家参考,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue项目中图片懒加载时出现的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
最新评论