原创 vue + elementUI 省市縣三級聯動

1、首先需要準備省市縣json文件,網上有很多可以下載。項目中使用的city.json數據是這樣的格式: [ { "value": "110000", "label": "北京市", "children": [

原创 vue 項目中使用ivew 打包以後,字體圖標無法顯示問題。

修改 build/webpack.prod.conf.js module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceM

原创 vue cli2.x配置多環境打包

首先說下自己遇到的坑,搞了半天。 開始使用過的node版本是6.3.0,配置完畢運行打包命令一直報錯,後來,刪除了node_modules node使用8.9.0版本,運行npm i 纔可以。 一、config/目錄中複製 prod.env

原创 vue、vue-quill-editor、七牛上傳圖片

原理:1、監聽quill富文本編輯器圖片點擊事件2、新建一個輔助上傳輸入框並隱藏 <input type = "file" id="myupload" @change="uploadImg" v-show="false" />3、當單機q

原创 vue2項目遷移,或者複製項目到其他文件夾遇到的問題

使用場景,本地創建的項目想複製到其他文件夾下面使用。切記vue創建的項目中有好多配置文件是隱藏文件,需要複製所有文件,如果這些隱藏文件沒有複製,那麼運行的時候肯定會報錯。 1、複製所有文件 2、刪除node_module文件,重新運行 np

原创 vue2修改瀏覽器顯示title

一、配置路由器的時候添加如下項 meta routes: [ { path: '/', name: 'login', component: Login, meta: {

原创 scss的基本用法

一、定義變量 <style lang='scss' scoped> // scss 定義變量 基本用法 $fontSizeColor: #468dcc; $mainBackgroundColor: #eeeeee; // s

原创 vue2 拖動排序 vuedraggable組件

一、安裝插件 npm install -D vuedraggable 二、在需要排序的界面中引入組件 <script> import draggable from 'vuedraggable' export default { name

原创 vuex 開發 測試 生產環境 配置axios

1、vue2使用 vue-cli安裝的項目 config目錄下面都有 dev.env.js/test.env.js/prod.env.js文件,做相應的修改,添加API_ROOT module.exports = merge(prodEnv

原创 vue中 computed的使用場景

1、如果顯示和方法中使用的時候類型切換<input v-model="type" />這裏的type初始化的時候是數組['語文', '數學', '英語'],但是input中雙向綁定只支持數字和字符串基本數據類型,所以這裏就需要在數組和字符串

原创 vue2 http攔截器 實現每次請求地址都顯示loading

實現效果圖1、這裏使用的是element-ui框架顯示的loading,當然使用方法大同小異您可以使用其他框架或者自己寫樣式。 main.js引入element-ui框架 import ElementUI from 'element-ui'

原创 vue2 中二級路由高亮問題及配置方法

這篇文章主要介紹了vue2 中二級路由 高亮問題,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑑價值,需要的朋友可以參考下 實現效果圖   1、項目中的圖標使用的是element-ui框架中的圖標,如果需

原创 vue2 二級路由 高亮

實現效果圖 1、項目中的圖標使用的是element-ui框架中的圖標,如果需要引入可以看我寫的上一篇文章。2、首先配置路由我初始化項目的時候初始化了路由,所以打開router/index.js文件進行修改配置 router/index.j

原创 vue2 配置element-ui

1、安裝element-ui npm/cnpm install element-ui -S 2、main.js中配置 ... import ElementUI from 'element-ui' import 'element-ui/lib

原创 vue2 配置scss

1、安裝文件 npm install --save-dev sass-loader npm install --save-dev node-sass 2、配置 webpack.base.conf.js找到webpack.base.conf.