一、Mint UI 是 由饿了么前端团队推出的 ┅个基于 ponent(ponent(ponent(ponent(ponent("对应的组件名"),使用的时候是再vue文档的template部分,使用对应的标签名加属性,其实就是直接复制官方文档的代码即可,不过相对复杂多属性的組件就要另外百度了.
那么接下来看一下在项目中的使用代码:
我参照第一种方法直接引入文档的Toast组件,然后在script里面使用,这个时候会报錯:
百度了一下,好像挺多人跟我一样遇到这个问題的......
其实我们看下Toast的使用语句,就可以知道Toast是一个方法,既然是方法,直接在js里面未定义使用就会报错,所以我们在引入该组件的时候,将该方法设置为全局变量:
//在main.js里面添加,这里需要将Toast方法设置为全局变量,否则就要在每个用到该方法的vue页面重新引入该组件....
设置完之后就不再报錯了, 再看一下页面该组件:
好啦, 讲解完啦,有疑问的话直接在下面留言哦!(#^.^#)