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 相关文章推荐
JS event使用方法详解
Apr 28 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
javascript针对DOM的应用实例(一)
Apr 15 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
浅析Node.js的Stream模块中的Readable对象
Jul 29 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
JavaScript随机数的组合问题案例分析
May 16 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
基于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
回首过去10年中最搞笑的10部动漫,哪一部让你节操尽碎?
2020/03/03 日漫
Function eregi is deprecated (解决方法)
2013/06/21 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
php微信公众号开发之简答题
2018/10/20 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
Angularjs 动态改变title标题(兼容ios)
2016/12/29 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
node中的session的具体使用
2018/09/14 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
python统计文本文件内单词数量的方法
2015/05/30 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
中职生自荐信
2013/10/13 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
环保倡议书300字
2014/05/15 职场文书
文艺演出策划方案
2014/06/07 职场文书
2014领导干部四风问题查摆思想汇报
2014/09/13 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL