原创 vue 路由權限限制
function routerXmlFlag (menu, to) { for (let i = 0; i < menu.length; i++) { if (menu[i].url === to.fullPath) {
2018-10-20 10:40:18
原创 給按鈕添加超鏈接
在原窗口跳轉到新網址 <button onclick="window.location.href='http://www.baidu.com'">鏈接</button> 打開新窗口跳轉到新網址 <button onclick="windo
2018-10-20 10:40:18
原创 export ，export default 和 import 區別 以及用法
首先要知道export，import ，export default是什麼 ES6模塊主要有兩個功能：export和import export用於對外輸出本模塊（一個文件可以理解爲一個模塊）變量的接口 import用於在一個模塊中加載另一
2018-10-20 10:40:18
2
原创 vue框架通過點擊保存按鈕下載qrcode-vue生成的二維碼到本地
一、qrcode-vue模塊 該模塊是用來動態生成二維碼的vue模塊插件，<qrcode-vue></qrcode-vue>的底層其實是一個<canvas></canvas>標籤。要想使用qrcode.vue插件，需要用vu
2018-10-20 10:40:18
19
原创 vue中如何定義全局變量 和全局函數
定義全局變量 原理： 設置一個專用的的全局變量模塊文件，模塊裏面定義一些變量初始狀態，用export default 暴露出去，在main.js裏面使用Vue.prototype掛載到vue實例上面或者在其它地方需要使用時，引入該模塊便可
2018-09-30 10:29:14
3
原创 vue.js中內聯樣式style三元表達式
<ul :style="{'height':toggleMenu[index] ? 0 : `${item.subMenus.length*45}px`}"></ul> 【1】當需要過渡的屬性初始值爲 auto 時，不會進行過渡。
2018-09-30 10:29:14
2
原创 VUE滾動條插件——vue-happy-scroll
先張貼一張效果圖： 說明：這裏會出現橫向滾動條，是因爲默認是開啓橫向滾動條的，並且內容區域高度超出了外層盒子的寬度 下面介紹使用方法： 1、安裝vue-happy-scroll 推薦使用npm安裝，這樣可以跟隨你的webpack配置
2018-08-25 09:56:25
3
原创 Vue中使用set方法過程的一個小發現
http://blog.csdn.net/denl0918/article/details/54292262 vue教程中有這樣一個注意事項： 第一種具體情況如下： 運行結果： 當利用索引改變數組某一項時，頁面不會刷新。解決方法如
2018-08-25 09:56:25
原创 轉換數據格式
cates = [{cate1:"銷售",cate2:"銷售主管"},{cate1:"銷售",cate2:"銷售代表"},{cate1:"司機",cate2:"火車司機"},{cate1:"司機",cate2:"客車司機"}] 兩種方案
2018-08-25 09:56:25
2
原创 vue.js的狀態管理vuex中store的使用
一、狀態管理（vuex）簡介 vuex是專爲vue.js應用程序開發的狀態管理模式。它採用集中存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。vuex也集成刀vue的官方調試工具devtoo
2018-08-25 09:56:25
2
原创 vue多滾軸
<template> <div class="sliderBox"> <div class="slider-container theme-green" ref="sliderBar" :style="{width:slid
2018-08-25 09:56:25
原创 vue子組件怎麼調用父組件的方法
涉及到組件之間的通信的問題。組件之間的通信可以分爲以下幾種： 父子組件傳遞，父向子傳遞採用props，子向父採用事件emit 非父子組件的傳遞，全局Event bus，new一個vue的實例，採用事件的方式通信，再者採用vuex
2018-08-25 09:56:25
原创 slice,splice,splite區別
slice ： 定義：接收一個或兩個參數，它可以創建一個由當前數組中的一項或多項組成的新數組，注意是新數組哦~ 也就是說它不會修改原來數組的值。 用法：slice( para1 ),會截取從para1開始的到原數
2018-08-25 09:56:23
1
原创 邊界值 null undefined {} 等的處理
循環跳過不存在的元素 if(!a[i]) continue; // 跳過 null， undefined ,' ',0,不存在的元素 if(a[i] === undefined) continue; 跳過undefined + 不存在的
2018-08-25 09:56:23
2
原创 String 對象 substr substring slice 的區別
substr() 方法可在字符串中抽取從 開始 下標開始的指定數目的字符。 提示： substr() 的參數指定的是子串的開始位置和長度，因此它可以替代 substring() 和 slice() 來使用。 var str="Hello
2018-08-25 09:56:23