一般在vue中,这些$的都是一个全局对象,这些都会在main.js中进行全局引用。如下所示main.js文件。

1.this.$router :vue-router路由,import router from ‘./router/’。

2.this.$toast :vant有赞移动端ui的一个“轻提示”组件,import { Toast, Dialog } from ‘vant’;。

import Vue from 'vue'
import App from './App.vue'
import router from './router/'
import store from './store/'

import { Toast, Dialog } from 'vant';
Vue.use(Toast);
Vue.use(Dialog);

import { Tree } from 'iview';
Vue.component('Tree', Tree);

Vue.config.productionTip = false;

Vue.prototype.getMallId = function(){
	const mallid = localStorage.getItem('mid');
	if (mallid){
		return mallid;
	}else{
		router.push({
			path: '/login'
		})
		return false
	}
}

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

使用方法:

this.$toast(‘请选择地址’);

this.$toast(‘请选择规格’);

this.$toast(‘库存不足’);等

Logo

前往低代码交流专区

更多推荐