vue中v-for循环给标签属性赋值的方法

1.给每个按钮添加class的属性值以及icon图标属性值,通过v-for实现自动添加样式,发现属性值无法显示,切记在属性前加上v-bind

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名网站空间、营销软件、网站建设、永安网站维护、网站推广。




v-for在线测试实例

总结:

如果直接这么写
或者,会发现class以及icon的值就是字符串site.icon,只有在标签属性前加上v-bind,即改成,class与icon的值才会显示el-icon-search,el-icon-refresh, el-icon-download 。
{{}}
应该写在html文本之间,不能写在属性值里。 

总结

以上所述是小编给大家介绍的vue中v-for循环给标签属性赋值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


名称栏目:vue中v-for循环给标签属性赋值的方法
分享路径:http://hxwzsj.com/article/jpeiic.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 专业网站设计 手机网站制作 成都做网站建设公司 成都营销网站建设 成都网站制作 网站建设公司 高端网站建设 定制级高端网站建设 成都企业网站制作 成都网站建设 营销型网站建设 网站设计 成都网站设计 泸州网站建设 网站设计 高端定制网站设计 外贸营销网站建设 成都响应式网站建设公司 成都网站制作公司 成都网站建设 成都网站建设流程 成都网站制作