uniapp：uni-table设置选中样式、uni-td设置字体颜⾊样式在真
机上⽆效
需求
⼀个表格，点击表格，某⾏字体颜⾊改变；
解决⽅案
1. 表格⾏的点击事件是直接在原⽣组件⾥⾯加的，具体⽅法参考
2.来看下页⾯结构。
<uni-table>
<uni-tr>
<uni-td>
<view></view>
</uni-td>
<uni-td>
<view></view>
</uni-td>
html radio点击变颜</uni-tr>
</uni-table>
看起来平平⽆奇，但实际上有很多坑（不排除是因为我缺乏了解不知道正确的⽅法，毕竟刚上⼿uniapp没⼏天）
单元格⾥⾯全部⽤view标签是因为内容稍微有点复杂，感觉我遇到的坑跟我⽤view填单元格有关系。
2.1 在uni-table⾥设置全表格字体颜⾊⽆效；
2.2 在uni-tr⾥设置⾏字体颜⾊⽆效，但部分字体样式是⽣效的；
2.3 在uni-td⾥写正则动态加载class，会报错，继⽽改成在⾥⾯写⼀个⽅法，让⽅法返回class的名字
2.4 接上⼀步：
<uni-td :class="setClass()">
<view></view>
</uni-td>
setClass:function(){
return className;
}
⽤这种⽅式返回class，设置字体颜⾊color属性，在内置浏览器运⾏是⽣效的。
但是在真机上就不⽣效了，其他属性能⽣效，color不可以
经过尝试，把class往view⾥⾯塞就可以了。
<uni-td>
<view :class="setClass()"></view>
</uni-td>
等有空试⼀下如果⾥⾯不写view，⽤普通的⽂字是不是就没这个坑了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。