列表动态渲染成功但动态加载class失效
发布于 5 年前 作者 juntan 6758 次浏览 来自 问答

小程序JS初始数据

/**
  * 页面的初始数据
  */
 data: {
   // idiom: '虎视鹰扬',
   my_idiomValue:'',
   idiomList:[
           {name:'扬名立万',id:1,form:'robot'},
           { name: '万众一心', id: 2, form: 'mine' },
           { name: '心猿意马', id: 3, form: 'robot' },
           { name: '马革裹尸', id: 4, form: 'mine' },
           { name: '尸位素餐', id: 5, form: 'robot' },
           { name: '参差不齐', id: 6, form: 'mine' },
           { name: '齐人之福', id: 7, form: 'robot' }
           ],
   flag:true
 }

静态初始化渲染成功,但是动态增加列表项时,可以加载列表但没有同时加载class

wxml显示

3 回复
<view class='{{item.form=="mine"?"mine_right":""}}' wx:for='{{idiomList}}' wx:key='id'> {{item.name}} </view>

是我写的这句话有问题吗,怎么动态添加时没有执行三目运算,item.form==“mine”?“mine_right”:""

from和form…

代码

页面渲染    

控制台输出

回到顶部