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