原创 vue-cli3用vant框架rem適配方案
1.在node安裝插件 npm install lib-flexible postcss-pxtorem --save 2.在main.js 文件中引入 import ‘lib-flexible/flexible.js’,
原创 雙十一,學會斷舍離
時光如白駒過隙,今天都是淘寶天貓雙十一活動的第11個年頭了。在這個電商一片紅紅火火的時代,什麼都可以網購,只需坐在家裏買買買,就可以享受拆快遞的快感,尤其是碰上雙十一這種賣家吹噓的超級減價活動,不買感覺自己就吃了大虧。然而如果說是
原创 elementUI 動態加載table列
需求: 根據需要選擇動態展示table列表; 用for循環來控制列表展示,使用checkbox 來控制哪些數據顯示 <template> <div> <el-button type="primary" @clic
原创 Vue element-ui父組件控制子組件的表單校驗
方法一: 父組件代碼: <template> <div> <child-form ref="childRules" :addForm="addForm" > </child-form> <el-button @
原创 git 的一些基本用法
1.克隆代碼到本地 git clone ---------地址---------- 假設遠程有2個分支 master 和 dev 分支 2.克隆到本地的都是master 分支,如果要切換到分支dev, 常用的是創建本地分支d
原创 vue.js 父組件和子組件獲取對方的方法和屬性的方式
1.父組件獲取子組件的數據和方法 1.調用子組件的時候 定義一個ref <policy-info-common ref="policyInfoRef"></policy-info-common> 2.在父組件裏面通過
原创 JSON.stringify()和parse()的理解小記
一 、 JSON.stringify()和JSON.parse()的區別; 簡單來說:JSON.stringify()將對象obj變成了字符串str,那麼我就可以用JSON.parse()將字符串str還原成對象obj。 在使用
原创 Vue packages version mismatch 的問題解決
解決方案:更新vue 和vue-template-compiler 爲最新版本 npm update vue -g npm update vue-template-compiler -g
原创 用vue做一個動態的環形進度條
1.給項目安裝一個組件:vue-circleprogressbar npm install vue-circleprogressbar 2.項目引用 動態改變進度數據; <template> <div class="wra
原创 webpack打包vue項目之後生成的文件如何運行
我的項目裏面:webpack打包之後生成的文件放在 market 目錄下; 所以根據官方文檔可以做如下操作: npm install -g serve (全局安裝) serve -s market (運
原创 在vue-cli3 項目中 引入AMap高德地圖的實現代碼
在vue-cli3 如何 引入並使用高德地圖 高德地圖開發平臺api接口:https://lbs.amap.com/api/javascript-api/guide/abc/prepare 1.引入 <script type="
原创 Vue-Devtools安裝和配置小記
1.安裝,在github下載: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目錄下安裝依賴包 cd vue-devtools cnpm insta
原创 elementUI 實現手動上傳圖片前判限制圖片格式,大小,尺寸寬高,限制一次只能上傳一個圖
vue代碼 <el-upload ref="upload" class="avatar-uploader define-uploader" accept=".jpg, .jpe
原创 vue-cli3 裏面的eslint的配置小記
1.忽略部分文件不做校驗的方式。 在根目錄下新建一個 .eslintignore 文件,裏面寫入需要忽略的文件 2. eslint 的配置,在根目錄下新建一個vue.config.js 的文件配置, lintOnSave:fal
原创 js原型的初步理解(一)
<script> //提取方法,節省內存空間,解決數據共享問題,但是這種寫法會產生命名衝突 function myPlay(){ console.log("打王者榮耀");