时间:2021-05-26
最近在做玩家蚂蚁项目的时候遇到了一个评分显示的小功能,这个在前端显示的星星是用class样式来进行控制的
class =” real-star comment-stars-width5 ”
数据库里记录的信息只有一个评分1-5。我们如果用一般的php方法直接在class里面用 comment-stars-width{$score}这样是行不通的。在查了很多资料和做过很多尝试以后,确定了一个可行的方法
我们使用vue的:class来进行class的绑定。:class=”`comment-stars-width`+s.score” 然后把前面需要的属性前缀用 “包裹起来,后面的值用+号连起来,这样渲染出来的数据就是我们想要的数据样式了!
总结
以上所述是小编给大家介绍的VUE在for循环里面根据内容值动态的加入class值的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言:vue里面怎样从后台渲染列表,怎么根据文章的id获取文章的具体内容。以及值与值之间的传递,vue-router里query和params的区别及使用。一、
最近项目中的公共组件,在复用的时候,针对不同的场景,需要不断变更CSS里样式的值,而且已经有了全局的公共组件样式了如果用vue传统的动态绑定class和styl
今天学习了JavaScript里面的for循环以及if的判断语句for(初始值;循环条件;操作){ 满足条件要执行的代码语句}初始值:循环前的初始化变量,通常
(1)使用static静态方法比普通方法快4倍(2)echo输出快于print(3)连接字符使用,代替.(4)循环之前先取出最大值,而不是在循环里面取值正确的方
vue.js声明式渲染和条件与循环的具体内容,分享给大家绑定DOM元素文本值html代码:{{message}}JavaScript代码:varapp=newV