组件使用this.$refs报错
编译正常,但是日历组件一直打不开,calendar一直为undefined
后面才知道uni-ui组件在编写时候误删除,结果hbuiderx编译却一直通过,没有报错!!!,刚开始看到uni开头,想到是uni-app自带的,但是导入了后面删除又忘记这回事了,我说怎么之前正常,后面报错了。。。。
解决方法:重新导入uni-ui组件
效果
代码
<view class="user-info">
<view class="info-item">
截止日期
<view @click="open" v-if="showView">请输入截止日期</view>
<view @click="open" v-else>{{company.deadline}}</view>
</view>
<uni-calendar ref="calendar" class="uni-calendar--hook" :clear-date="true" :date="info.date" :insert="info.insert" :lunar="info.lunar" :startDate="info.startDate"
:endDate="info.endDate" :range="info.range" @confirm="confirm" @close="close"/>
</view>
open() {
this.$nextTick(()=>{
this.$refs.calendar.open()
})
},
confirm(e) {
console.log('confirm 返回:', e)
this.company.deadline = e.fulldate;
console.log(this.company.deadline)
this.showView = false;
},
close(){
console.log('弹窗关闭');
},