vue vant的使用 (toast)

1,962 阅读1分钟

1,官网地址:youzan.github.io/vant/#/zh-C…

2, 安装 npm i vant -S

3,在mian.js里面引入 

import Mint from 'mint-ui';import 'mint-ui/lib/style.css'Vue.use(Mint);

4,在所需的页面引入单个组件如toast

import { Toast } from 'vant';

5,在mian.js 里面全局引入之后,就可以直接拿过来使用了,可以定义显示的相关位置。

      this.$toast({        message: '引入的内容',        position: '100px'      });

      this.$toast({        message: '引入的内容',        position: 'top' /left/right/bottom      });

6,效果如下图