uniapp做微信小程序的展开收起的写法

uniapp做微信小程序的展开收起的写法


可以用uview的控件https://www.uviewui.com/components/readMore.html(展开阅读更多)
自己写的话在h5里可以用以下的写法:


<view style="width: calc(100% - 100px);" @click.stop="item.showInfo = !item.showInfo">
    <u--text :text="item.ysxm" bold></u--text>
    <u--text :text="item.readme" color="#999" margin="20rpx 0 0" :lines="item.showInfo ? '' : 2" lineHeight="normal"></u--text>
    <u--text :text="item.showInfo ? '收起' : '展开简介'" margin="20rpx 0 0 0" align="center" color="#007aff" :suffixIcon="item.showInfo ? 'arrow-up' : 'arrow-down'"
        iconStyle="color:#007aff;margin-left:10rpx"></u--text>
</view>
但以上的写法在小程序中用不了,点了没反应,得把那点击事件改为 @click="_=>aaa(item)",写到一个方法里:
//牛腩新增的,小程序中只能这样写
aaa(bbb){
console.log(bbb);
this.list.forEach(item => {
     if(item.ysbm==bbb.ysbm){
        item.showInfo = !item.showInfo;
    }
 })
},