vue.js在标签属性中插入变量参数的方法
作者:幕三少 时间:2024-05-28 15:58:09
html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法:
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在标签属性中插入变量参数的方法网站的支持!
来源:https://www.cnblogs.com/smiler/archive/2018/03/06/8514395.html
标签:vue.js,变量,参数
0
投稿
猜你喜欢
详细解析Webpack是怎么运行的
2022-09-07 04:00:50
使用PyQt4 设置TextEdit背景的方法
2021-09-01 14:41:43
ajax取消挂起请求的处理方法
2023-11-20 23:41:53
Python 多线程共享变量的实现示例
2022-12-17 09:39:10
MyBatis批量插入/修改/删除MySql数据
2024-01-18 05:55:11
使用Python的Flask框架构建大型Web应用程序的结构示例
2022-05-01 01:35:35
python 实现端口扫描工具
2022-12-05 23:02:45
JS变量及其作用域
2024-04-10 10:40:19
Pandas数据分析之pandas数据透视表和交叉表
2021-01-18 05:43:45
Python制作运行进度条的实现效果(代码运行不无聊)
2021-04-11 15:46:10
十个Python经典小游戏的代码合集
2021-08-03 12:09:38
Vue配置文件vue.config.js配置前端代理方式
2023-07-02 16:39:06
pandas实现按行选择的示例代码
2021-08-04 01:53:50
Pytorch中transforms.Resize()的简单使用
2023-06-17 02:23:28
SQL Server数据库开发的二十一条法则
2024-01-18 05:30:40
SQL Server 2012 开窗函数
2024-01-28 01:39:15
JS实现页面滚动到关闭时的位置与不滚动效果
2024-04-10 10:47:56
Python中处理Session和Cookie的方法
2023-09-09 00:51:18
SqlServer开发神器'SQLPrompt'插件的使用详解
2024-01-23 23:48:55
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
2024-04-23 09:09:59