vue style width a href动态拼接问题的解决


Posted in Javascript onAugust 07, 2020

style width 这个问题 折磨了我一个上午了 好惭愧

因为项目涉及到 进度条 所以必须用行内样式 style

用过vue的都知道 vue中style的用法

大众用法

:style=" { width:30px } "

但是现在涉及到拼接了 直接上代码了

vue style width a href动态拼接问题的解决

其中list是我data循环的数据 这是一个比例的关系

公开是拼接的时候 一直是报错的 一直出现文本 ‘ } ' = > 类似这些的东西

很显然 是拼接的问题 于是继续拼接 但是还是变着花样地出现这些鬼东西

于是发现 只要把花括号去掉 拼接上%就可以了

虽然浪费了很多时间 但是还是有收获的!

下面的这个是a的href 跳转时候拼接id的

vue style width a href动态拼接问题的解决

这个没啥好说的 看看图片就差不多理解了 不过我怎么觉得vue的拼接和普通html不一样啊

补充知识:问题: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 style width a href动态拼接问题的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript DOM学习第四章 getElementByTagNames
Feb 19 Javascript
jquery蒙版控件实现代码
Dec 08 Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 #Javascript
JavaScript实现与web通信的方法详解
Aug 07 #Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 #Javascript
JavaScript实现多文件下载方法解析
Aug 07 #Javascript
基于javascript的无缝滚动动画1
Aug 07 #Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 #Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 #Javascript
You might like
php 广告调用类代码(支持Flash调用)
2011/08/11 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
Javascript string 扩展库代码
2010/04/09 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
javascript 数组操作详解
2015/01/29 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
jQuery实现定位滚动条位置
2016/08/05 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
2018/03/23 Javascript
js实现导航跟随效果
2018/11/17 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
Python判断变量是否已经定义的方法
2014/08/18 Python
Python基于DES算法加密解密实例
2015/06/03 Python
Python解析树及树的遍历
2016/02/03 Python
python字典的常用操作方法小结
2016/05/16 Python
Python 多线程的实例详解
2017/09/07 Python
python处理document文档保留原样式
2019/09/23 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
CSS实现限制字数功能当对象内文本溢出时显示省略标记
2014/08/20 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
院领导写的就业推荐信
2014/03/09 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
求职信范文怎么写
2015/03/19 职场文书
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python