grapewheel / avvw

Apicloud + Vue2 + Vant(有赞前端)+ Webpack4打包,极速开发APP框架,将apicloud的渲染效率和vue数据绑定特性发挥极致!
154 stars 56 forks source link

vue组件调用问题 #29

Closed xiaosatufu closed 5 years ago

xiaosatufu commented 5 years ago

dialog组件 的组件调用 在当前页面写了Vue.use(dialog) 不能使用,想请问一下这个全局注册怎么注册。下面这种组件调用的方式只能用于函数,不能用于dialog的组件调用(就是写在页面里,因为我要自定义内容) import { Dialog } from "vant"; export default { components: { Dialog } } image

找到官方的解释 image

请问怎么解决呢?

grapewheel commented 5 years ago

Dialog 是可以局部注册的,具体请看 文档

xiaosatufu commented 5 years ago

我知道可以局部注册,我说的是dialog组件 组件调用 的应用场景。

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

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

试下局部注册后,如上使用

export default {
  components: {
    'van-dialog': Dialog.Component
  }
}