vue mint

vue mint

新建tabbar.vue

主页

积分商城

微社区

我的

在需要使用tabbar组件的页面

引入组件

import tabbar from '../../components/tabbar'

export default {

components:{tabbar},

data(){

return{http://

selected:"ShoppingList",

tabs:[require("../hGAVEpb../assets/images/icon/zhuye.png"),require("../../assets/images/icon/icon42-1.png"),

require("../../assets/images/icon/weuquan1.png"),require("../../assets/images/icon/huijia.png")],

}

},

}

html中

补充：

mint-ui —— tabbar示例

Import

按需引入：

import { Tabbar, TabItem } from 'mint-ui';

Vue.component(Tabbar.name, Tabbar);

Vue.component(TabItem.name, TabItem);

全局导入：全局导入后不用再导入

importMintfrom'mint-ui'

import'mint-ui/lib/style.css'

Vue.use(Mint);

总结

以上所述是给大家介绍的vue mint-ui tabbar变组件使用，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。