移动组件库Mint UI调试报错

移动组件库Mint UI调试报错

import MintUi from 'mint-ui' //MintUi移动端组件库导入
import 'mint-ui/lib/style.css' //MintUi移动端组件库CSS样式导入

Vue.use(VueResource); // vue-resource导入,这种方式导入在全局中使用
Vue.use(MintUi); // MintUi移动端组件库导入,在全局中(全部页面中)使用
<template>
    <div>
        <div>Mint UI</div>
        <div>-----基于 Vue.js 的移动端组件库------</div>
        <!-- http://mint-ui.github.io/#!/zh-cn -->
        <!-- http://mint-ui.github.io/docs/#/zh-cn -->
        
    </div>
    
</template>
<script>

    import { Toast } from 'mint-ui';

    export default {
        data(){
            return{
            
            }
        },
        mounted(){
             Toast('提示信息');
        }
    }
</script>
{
      path: '/demo17',
      name: 'demo17',
      component: require("@/pages/demo17/index.vue").default
    }

http://img1.sycdn.imooc.com//climg/5db16771086fd6a609740687.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好同学,老师这边测试你的代码没有问题,效果正常。可能是安装插件的出现问题,可以先使用 cnpm uninstall mint-ui 卸载 ,然后再使用cnpm i mint-ui -S重新安装一下试试哦。

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师