分类：动态样式

2021
09-09

Vue实现动态样式的多种方法汇总

目录1.三元运算符判断2.动态设置class3.方法判断4.数组绑定5.computed结合es6对象的计算属性名方法1.三元运算符判断<text:style="{color:state?'#ff9933':'#ff0000'}">helloworld</text><script>exportdefault{data(){return{state:true}}}</script>2.动态设置class2.1主要运用于：实现循环列表中点击时，相应的元素高亮；（默认首个元素高亮）<template><divclass="wrapper"v-for="(item,index)... 继续阅读 >