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://bzwzjz.com/article/jpeiic.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 高端网站设计 成都响应式网站建设 网站设计制作报价 成都网站建设 成都网站建设 成都网站建设 企业网站建设 成都网站建设 重庆网站建设 成都网站建设公司 阿坝网站设计 手机网站制作 营销型网站建设 公司网站建设 定制网站建设 成都网站建设 H5网站制作 手机网站设计 网站制作公司 网站制作 重庆手机网站建设