当前位置：网站首页>微信小程序动态样式|参数传递

微信小程序动态样式|参数传递

2022-07-19 05:01:00 【极速小乌龟】 

   <ul class="item-list">

      <li wx:for="{
   {periodList}}" wx:for-item="period" 

      wx:key="id" 

      class="item {
   {currentPeriodId == period.id?'active':''}}" 

      data-id="{
   {period.id}}"

      bindtap="choosePeriod">{
   {period.name}}</li>

    </ul>

直接在class中通过{ {}}和判断条件加载，花括号中使用三目表达式进行判断，如果为true则显示active样式，如果为false不显示active样式

使用data- 传递参数，比如我现在传递id 那就是data-id="{ {}}",

如果传递name那就是data-name="{ {}}"

后台接收方式为：

  choosePeriod:function(e){
    
      console.log(e.currentTarget.dataset.id)

  },

原网站

版权声明
本文为[极速小乌龟]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_35771266/article/details/119971735

边栏推荐

猜你喜欢

随机推荐