解决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 相关文章推荐
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
javascript校验价格合法性实例(必须输入2位小数)
May 05 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
Dec 28 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
JavaScript计算出两个数的差值
Mar 19 Javascript
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
PHPMailer 中文使用说明小结
2010/01/22 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
php类自动加载器实现方法
2015/07/28 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
JavaScript前补零操作实例
2015/03/11 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
Python中用Decorator来简化元编程的教程
2015/04/13 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
Python实现的建造者模式示例
2018/08/06 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
python3.7添加dlib模块的方法
2020/07/01 Python
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
饿了么订餐官网:外卖、网上订餐
2019/06/28 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
霸气押韵的班级口号
2014/06/09 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
2015年除四害工作总结
2015/07/23 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
Python爬取某拍短视频
2021/06/11 Python
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python