mt-datetime-picker open not a function

最新推荐文章于 2023-09-18 14:37:18 发布

中平签

最新推荐文章于 2023-09-18 14:37:18 发布

阅读量320

点赞数

分类专栏：点点寒鸦

本文链接：https://blog.csdn.net/weixin_43392545/article/details/104282058

版权

点点寒鸦专栏收录该内容

37 篇文章 0 订阅

订阅专栏

mint-ui mt-datetime-picker
接受一个open方法以唤起时间组件例如 this. $r e f s . d a t e p i c k e r . o p e n (); 这时候 d o m 节点打印 t h i s .$ refs.datepicker：在这里插入图片描述
vue v-for情况下多个picker组件这么调用是会报错的

      <div v-for="(item,i) in items" :key="i">
        <button @click="openPicker(i)">aa</button>
        <mt-datetime-picker  :ref="'picker'+i"  type="datetime"  @confirm="sure(i)"  v-model="item.pickerValue"  > </mt-datetime-picker>
      </div>
      方法：
		openPicker(i) {
           var a=`picker${i}`
              this.$refs[a].open();
            },

报错
在这里插入图片描述
v-for内打印 this.$refs[‘a’]是个数组，如下

这么调用可以正常调用：