<van-dialog
? v-model="show"
? title="標(biāo)題"
? show-cancel-button
>
? <img src="https://img.yzcdn.cn/vant/apple-3.jpg">
</van-dialog>

export default {
? data() {
? ? return {
? ? ? show: false
? ? };
? }
}

import { Dialog } from 'vant';
// 全局注冊
Vue.use(Dialog);
// 局部注冊
export default {
? components: {
? ? [Dialog.Component.name]: Dialog.Component
? }
}

// HTML部分
? ? ?<van-dialog
? ? ? ? ? ? ? ? ?v-model="dialogshow"
? ? ? ? ? ? ? ? ?confirm-button-text=“繼續(xù)采集"
? ? ? ? ? ? ? ? cancel-button-text=“取消采集"
? ? ? ? ? ? ? ? title=“該戶數(shù)據(jù)已采集，是否繼續(xù)？"
? ? ? ? ? ? ? ? show-cancel-buttoon
? ? ? ? ? ? ? ? @confirm=“dialogConfirm"
? ? ? ? ? ? ? ?@cancel="dialogCancel"
? ? ? >
? ? ? ? ? <div v-for="(item,index) in list" :key="index">
? ? ? ? ? ? ? ? ? <div>{{item}}</div>
? ? ? ? ? </div>
? ? ?</van-dialog>

// JS部分
? ? ?data(){
? ? ? ? ?return{
? ? ? ? ? ? ? ? ?dialogshow:false,
? ? ? ? ? ? ? ? ?list:[]
? ? ? ? ?}
? ? }
? ? ? dialogconfirm(){
? ? ? // 該步驟就是遇到的坑，不做這一步處理點擊關(guān)閉彈窗后頁面就會卡住無法拖動，后面發(fā)現(xiàn)是這個組件的這個節(jié)點沒有清除
? ? ? ? ?導(dǎo)致頁面卡頓，真的太坑了van的有些組件。。。 ? ? ? ? ? ??
? ? ? ? ? ? ? ? document.getElementsByTagName('body')[0].classList.remove('van-overflow-hidden')
? ? ? ? ? ? ? ? this.dialogshow=false
? ? ? },
? ? ? dialogcancel(){
? ? ? ? ? ? ? ?this.dialogshow=false
? ? ? ? ? ? ? ?this.$router.push({name:home})
? ? ?}