van-dialog 组件调用报错的解决

<van-dialog
  v-model="show"
  title="标题"
  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=“继续采集"
                cancel-button-text=“取消采集"
                title=“该户数据已采集，是否继续？"
                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(){
      // 该步骤就是遇到的坑，不做这一步处理点击关闭弹窗后页面就会卡住无法拖动，后面发现是这个组件的这个节点没有清除
         导致页面卡顿，真的太坑了van的有些组件。。。             
                document.getElementsByTagName('body')[0].classList.remove('van-overflow-hidden')
                this.dialogshow=false
      },
      dialogcancel(){
               this.dialogshow=false
               this.$router.push({name:home})
     }