在Vue中使用三元运算符,如何修改文本的颜色?
P粉545218185
P粉545218185 2024-03-19 20:21:56
0
1
322

我想更改来自端点的文本颜色。它仅在 UI 上显示三元运算符的值('backgroundColor:green)。有人可以帮助我吗?

mainTrack() {
 this.axios
    .get(
      `${configObject.apiBaseUrl}/Maintenance/Company`,
      configObject.authConfig()
    )
    .then((res) => {
     this.maintainTrack= res.data;

     this.maintainTrack.forEach(element => {
       element.isResolve = element.isResolve== 'true' ?  'backgroundColor:green' :  
        'backgroundColor:red'
            });
    })
    .catch((error) => {});
},

P粉545218185
P粉545218185

全部回复(1)
P粉481815897

尝试返回样式对象而不是字符串:

  element.isResolve = { backgroundColor : element.isResolve ? 'green':'red' }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!