原创 vue全家桶+element-UI搭建後臺管理系統(3)“:使用element-ui搭建基本後臺頁面”

1、在src目錄下,創建如下目錄:    2、編寫router->index.js:import Vue from 'vue' import Router from 'vue-router' import index from '@/vi

原创 webpack將端口號http://localhost:8080/ 改成本機IP地址:192.168.1.103:8080/,在局域網內訪問,方法如下:

找到config文件下的index.js 將host: 'localhost', // can be overwritten by process.env.HOST 改爲:host: '192.168.1.103', // can be

原创 vue-cli 在css裏設置背景圖background:url('path'),報錯* ./assets/images/icon/4100.png in ./node_modules/_css-l

解決辦法:1、在webpack.prod.conf.js文件裏output裏面添加:publicPath:'./'2、在utils.js文件裏添加 publicPath:'../../'3、在config/index.js文件裏,添加as

原创 Vue+vuex+vue-router+sass+webpack+mint-ui 全家桶 開發商城(購物車)

先上截圖,項目跑起來就是這個樣子,是不是符合你的購物車?哈哈哈哈哈哈哈,我就知道購物車實現的功能:添加購物車、選擇某商家下所有商品、選擇指定商品、更新指定商品數量(加減)、刪除指定商品、全選商品、清空購物車,等功能;準備工作:使用Vue全

原创 使用axios post 提交數據,後臺獲取不到提交的數據解決方案

一、問題發現     前後端分離使用vue開發,結合axios進行前後端交互數據,一開始使用 get 請求,獲取數據,沒有發現任何問題,當使用 post請求 傳參時,發現,數據明明已經提交,在打開F12 開發者工具,點擊 network

原创 vue全家桶+element-UI搭建後臺管理系統(2)“:引入基本樣式和圖標庫”

1、在想assets文件下,新建css,images,js文件,用來存放公用文件    在css->normalize.css/*! normalize.css v2.0.1 | MIT License | git.io/normaliz

原创 vue全家桶+element-UI搭建後臺管理系統(4)“:登錄攔截,登陸後纔可以操作”

首先明白如何實現登錄攔截,他的原理是什麼?這裏主要用到的是路由攔截,在路由表裏添加一個字段:requireAuth,用於判斷該路由的訪問是否需要登錄;定義完路由後,我們主要是利用vue-router提供的鉤子函數beforeEach()對

原创 vue全家桶 引入 fontawesome-webfont 打包之後,路徑不對

解決辦法:添加:publicPath: '../../'現在重新打包,就可以了

原创 [Vue warn]: Error in render: "TypeError: this.formData.subImages.split is not a function"

問題:錯誤代碼:computed:{ //附圖輪播圖 subImgList(){ let imgArray = this.formData.subImages.split(','); imgArray.map(n

原创 今天早上,更新了npm,在啓動項目,各種報錯,無奈,百度了下,只需要將項目下:node-models刪掉,重新cnpm install就可以了,要是還有報錯,就按照提示信息,一步步安裝所需就可以了

今天早上,更新了npm,在啓動項目,各種報錯,無奈,百度了下,只需要將項目下:node-models刪掉,重新cnpm install就可以了,要是還有報錯,就按照提示信息,一步步安裝所需就可以了,希望可以幫助你

原创 xcode8 ios調用軟鍵盤報錯

點擊UITextField就會出現以下警告System group container for systemgroup.com.apple.configurationprofiles path is / [MC] Reading from

原创 在Vue2.0 使用v-for時報這樣的錯誤:component lists rendered with v-for should have explicit keys.解決方法:

在vue2.0+element-ui時的v-for  報了一個這樣錯誤:(Emitted value instead of an instance of Error) <el-tag v-for="tag in getHasRoles(s

原创 Vue + ccropper.js裁切圖片(vue-cropper)

按原比例裁切圖片,不失真安裝:    cnpm install vue-cropper使用:import VueCropper from 'vue-cropper' <div class="cropper-content">

原创 Vue全家桶處理問題 1

在實用Vue全家桶+mint-ui 開發時  配置sass出現問題@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_

原创 vue全家桶開發管理後臺—圖片預覽功能(vue-picture-preview)

安裝:cnpm install --save-picture-preview使用:首先在項目的入口文件中引入, 調用 Vue.use 安裝。main.js:import vuePicturePreview from 'vue-pictur