微信小程序Image字符串拼接多个变量

来源：爱站旅游

导读微信小程序Image字符串拼接多个变量

前言

我们需要在wxml进行编写多个条件渲染，这这么操作?

答案：三元运算

开始

注意！！！不能换行（尽量不要有空格，不然会编译不过）

 <image class="card_bg" src="../../resource/images/{{item.dtype_id == '11' ? 'water' :item.dtype_id == '14' ? 'wind':item.dtype_id == '12' ? 'laundry':item.dtype_id == '65' ? 'doorLock':item.dtype_id == '13' ? 'wash': 'water'}}_card_bg.png"></image>

true ? 'true的渲染' : 'false的渲染'

总结

不要换行，不然会编译不过，血的教训。。。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

Top