这两天因为一个动态改变文本颜色 难倒了 折腾了两三天 最终在layui前后端开发群里的 @海底大佬协助下解决了
附上代码 以免以后忘了
在vue中的用法

<el-header :style="{ height: hegh.an ? '60px' : '120px' }">
代码片段
</el-header>

在layui表格下的templet内用法

templet: "<div><text style=color:{{d.state=='无异常'?'black':'red'}}>{{d.state}}</text></div>"

解释 templet里面的代码 与body里面的写法相反 在body里面需要带引号或者双引号的在templet里面不需要带 直接写文本就行了

小程序内的用法
在wxml页面的元素内 style属性里面使用三元运算法根据data数据的变动来实现某些元素的是否可见

<button style="VISIBILITY:  {{ hidden==1? 'hidden' :  'none' }}">识别身份</button>

<button class="user-motto" style="VISIBILITY:  {{ hidden==0? 'hidden' :  'none' }}">立即签到</button>

<text class="openid" bindtap="copyopenid" style="VISIBILITY:  {{ hidden==1? 'hidden' :  'none' }}">{{openid}}</text>