(二)vux如何引用

vux的使用有两种方式:组件(component)引用和plugin引用。

1.组件引用就是使用component

<toast v-model="showPositionValue" type="text" :time="2800"  is-show-mask :text="toastText" :position="position"></toast>

import { Toast } from 'vux'

export default {
  components: {
    Toast
  }
}
或者全局注册component:
import Vue from 'vue'
import { Toast } from 'vux'
Vue.component('toast', Toast)

2.plugin有自己的专属方法。只有部分有plugin功能。

以toast举例:

在main.js中全局注册
import  { ToastPlugin } from 'vux'
Vue.use(ToastPlugin)

使用:
// 显示
this.$vux.toast.show({
 text: 'Loading'
})
// 显示文字
this.$vux.toast.text('hello', 'top')
// 隐藏
this.$vux.toast.hide()
// 获取显示状态
this.$vux.toast.isVisible() // v2.9.1 开始支持
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容