原创 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("打王者榮耀");