van-dialog 组件调用 报错

2019/08/08 14:50
阅读数 76

如果需要在弹窗内嵌入组件或其他自定义内容,可以使用组件调用的方式

<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';

而是: 

通过组件调用 Dialog 时,可以通过下面的方式进行注册

import { Dialog } from 'vant';

// 全局注册
Vue.use(Dialog);

// 局部注册
export default {
  components: {
    [Dialog.Component.name]: Dialog.Component
  }
}

 

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部