如果需要在弹窗内嵌入组件或其他自定义内容,可以使用组件调用的方式
<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
}
}