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


Posted in Javascript onJuly 22, 2020

如下所示:

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标签值解析变量,跳转页面,前面加默认域名端口的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
写出更好的JavaScript之undefined篇(上)
Nov 22 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
Dec 06 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
vue props 一次传多个值实例
Jul 22 #Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 #Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 #Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 #Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 #Javascript
vue页面跳转实现页面缓存操作
Jul 22 #Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 #Javascript
You might like
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
javascript 闭包详解
2015/02/15 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
javascript this详细介绍
2016/09/19 Javascript
详解如何较好的使用js
2016/12/16 Javascript
js实现拖拽上传图片功能
2017/08/01 Javascript
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
JS实现横向跑马灯效果代码
2020/04/20 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
使用Python来开发微信功能
2018/06/13 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
python sklearn包——混淆矩阵、分类报告等自动生成方式
2020/02/28 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
详解Python yaml模块
2020/09/23 Python
python smtplib发送多个email联系人的实现
2020/10/09 Python
详解HTML5新增标签
2017/11/27 HTML / CSS
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
英文版网络工程师求职信
2013/10/28 职场文书
省文明单位申报材料
2014/05/08 职场文书
机械生产实习心得体会
2016/01/22 职场文书
区域销售大会开幕词
2016/03/04 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL
DQL数据查询语句使用示例
2022/12/24 MySQL