vant dialog bug,

　　本文主要介绍van-dialog组件调用错误的解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　 van-dialog组件调用报告了一个关于van弹出组件van-dialog遇到的pit的错误。

van-dialog组件调用报错

　　如果需要在弹出窗口中嵌入组件或其他自定义内容，可以使用组件调用方法。

　　货车对话

　　v-model=显示

　　Title= Title

　　显示-取消-按钮

　　img src= https://img . yzcdn . cn/vant/apple-3 . jpg

　　/van-dialog

　　导出默认值{

　　data() {

　　返回{

　　显示：假

　　};

　　}

　　}

　　通过访问互联网这样写，结果是一个错误。不能正常使用。这么麻烦？

　　原因：粗心大意造成的！

　　首先：使用组件调用，所以一定要引用组件。

　　报价方法很重要，不是从‘vant’导入{ Dialog }；

　　而是：

　　当通过组件调用Dialog时，可以通过以下方式注册它

　　从“vant”导入{ Dialog }；

　　//全局注册

　　Vue.use(对话框)；

　　//部分注册

　　导出默认值{

　　组件：{

　　[对话。组件名称]:对话框。成分

　　}

　　}

van弹窗组件van-dialog遇到的坑

　　//HTML部分

　　货车对话

　　v-model=dialogshow

　　确认-按钮-text="继续收集"

　　取消-按钮-text="取消采集"

　　Title="该账户的数据已经被采集。继续吗？

　　显示-取消-按钮

　　@confirm="dialogConfirm "

　　@cancel=dialogCancel

　　div v-for=(item，index) in list :key=index

　　div{{item}}/div

　　/div

　　/van-dialog

　　//JS部分

　　data(){

　　返回{

　　dialogshow:假的，

　　列表：[]

　　}

　　}

　　dialogconfirm(){

　　//这一步就是遇到的坑。如果不做这一步，点击关闭弹出窗口后，页面会被卡住，无法拖动。后来发现这个组件的这个节点没有被清除。

　　导致页面卡纸，真的是个坑。货车的一些部件。

　　document . getelementsbytagname( body )[0]. class list . remove( van-overflow-hidden )

　　this.dialogshow=false

　　},

　　dialogcancel(){

　　this.dialogshow=false

　　这个。$router.push({name:home})

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。