vue.js在标签属性中插入变量参数的方法


Posted in Javascript onMarch 06, 2018

html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法:

vue.js在标签属性中插入变量参数的方法

v-bind:属性=“ ‘字符串'+自定义变量名”,自己试了没问题,有需要的朋友可以借鉴下!

最后需要注意一下属性一定是":属性="这种形式才会起作用

<ul class="menu" v-for="(item,index) in 4">
              <li :class="{'selected':index===clickIndex}" @click="selected(index)">
                <div>
                  <h3>{{item}}点位标签</h3>
                  <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                  <img :src="'img/'+(item+nameIndex)+'.jpg'" />
                  <a href="#" rel="external nofollow" ></a>
                </div>
              </li>
    </ul>

总结

以上所述是小编给大家介绍的vue.js在标签属性中插入变量参数的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
javascript 有用的脚本函数
May 07 Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 Javascript
教你用jquery实现iframe自适应高度
Jun 11 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
Jan 23 Javascript
jQuery图片加载失败替换默认图片方法汇总
Nov 29 jQuery
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
原生JS实现烟花效果
Mar 10 Javascript
基于Vue中点击组件外关闭组件的实现方法
Mar 06 #Javascript
解决vue build打包之后首页白屏的问题
Mar 06 #Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 #Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 #Javascript
解决vue打包项目后刷新404的问题
Mar 06 #Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
Mar 06 #Javascript
vue使用xe-utils函数库的具体方法
Mar 06 #Javascript
You might like
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
js常见表单应用技巧
2008/01/09 Javascript
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
24个解决实际问题的ES6代码片段(小结)
2020/02/02 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
利用Opencv中Houghline方法实现直线检测
2018/02/11 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
基于python代码批量处理图片resize
2020/06/04 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
市场部规章制度
2014/01/24 职场文书
社区清明节活动总结
2014/07/04 职场文书
报名委托书
2015/01/29 职场文书
校本培训个人总结
2015/02/28 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书