小程序怎么判断文字条件

Question

最近做天气的小程序，要根据字段等于 晴 阴 小雨 大雨等显示不同图标，请问怎么条件判断

<text wx:if="{{after_tomorrow_cond_txt_d == "阴"}}" class="iconfont icon-dayu"></text>
...
...

Answer 1

做一个字典表

const dict = [
 {key: "sun", title: "晴", path: "./sun.png"}
]

fotmatWeather(key){
    return dict.filter( item => item.key === key );
}

大约这样吧，有字典总是比较方便的

Answer 2

建议在this.setData之前，判断字段值 '晴 阴 小雨 大雨'，
赋值不同的class类名

像下面这样
<text class="iconfont {{weaIcon}}"></text>

Answer 3

1. 原生小程序的话，wx:if wx:elif wx:else实现
2. 框架的话，建议绑定类名，然后computed计算属性中条件判断返回具体类名