vue 传值及判断

<div v-for="z in list" style="height: 0.3rem;">
  <div class="date">{{z.year}}-{{z.day}}</div>
    <ul class="date_ul" @click="coach(z.day)" :time="z.day">
      <li v-for="x in z.calendar" v-if="x.type == '1'" style="background: #fff"> </li>
      <li v-for="x in z.calendar" v-if="x.type == '2'" style="background: #f938ab"> </li>
      <li v-for="x in z.calendar" v-if="x.type == '3'" style="background: #ffc107"> {{x.type}}</li>
      <li v-for="x in z.calendar" v-if="x.type == '4'" style="background: #5f9ea0"> {{x.type}}</li>
    </ul>

</div>
    <div v-show="ishow" class="fiex">
    <div @click="hide" class="hide"></div>
    <div  :time_="tim" class="time_body">
      <div class="login_time">
        起止时间
      </div>

      <div style="width: 20px;height: 20px;background: #3ABA63">
        <mt-datetime-picker
          ref="picker"
          type="time"
         >
        </mt-datetime-picker>
      </div>

    </div>
    </div>

    data () {
      return {
        tim:[],
        ishow:false,

 coach:function (day) {
        // console.log(day)
        this.ishow = !this.ishow
        if(this.ishow){
          this.tim=day
          console.log(this.tim)
        }else {

        }
      },
      hide:function () {
        this.ishow = !this.ishow
      },


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值