原创 Vue項目中使用highcharts-折線圖(配置)

Vue項目中使用highcharts-折線圖(配置) 效果圖: 封裝lineChart組件 <template> <div class="chart"> <div :id="id" class="ch

原创 css - Loading

css - Loading // iview icon <Icon class="loading" type="ios-loading" /> // css .loading { color: #2d8cf0;

原创 iview 表格默認選中某一項,且置灰。

iview 表格默認選中某一項,且置灰。 // tableData爲表格行數據,把第一行默認選中且置灰 this.tableData[0]._checked = true; this.tableData[0]._disabled

原创 js 對比兩個數組包含內容是否相等

對比兩個數組包含內容是否相等 const result = val.length === list_v.length && val.every(a => list_v.some(b => a === b))

原创 Vue - Filters

Vue 全局使用 Filters 在src/assets下新建一個filters.js文件。 let dateFilters = function(date) { // date:即爲要過濾的key return 1

原创 什麼是web語義化?

一、什麼是web語義化? web語義化是指,通過html標記表示頁面包含的信息,包含了HTML標籤的語義化和Css命名的語義化。 其中,html標籤語義化是指,包含語義的標籤恰當的表示文檔結構,例如h1-h6 總結起來就是:

原创 vue項目滿足localhost和IP同時訪問,又避免啓動頁面時地址爲爲0.0.0.0

vue項目滿足localhost和IP同時訪問,又避免啓動頁面時地址爲爲0.0.0.0 config/index.js build/webpack.dev.conf.js 下添加:useLocalIp: true

原创 判斷對象下所有鍵值對key-value中value值是否爲空?

判斷對象下所有鍵值對key-value中value值是否爲空? let obj_v = {a:1,b:2,c:""}; if(isObjEmpty(obj_v)) { console.log("該對象value值全部爲空!");

原创 vue動態綁定input,動態添加input

vue動態綁定input,動態添加input 技術:vue+elemen-ui 原理:數組遍歷出input,每點一下push一次。 需求:有時候需要根據其他頁面傳進來的數組,渲染list.length個input,還必須保證可以

原创 解決vue打包完element圖標找不到、文件、圖片路徑報錯等問題

解決vue打包完element圖標找不到、文件、圖片路徑報錯等問題 第一步: 找到build->utils.js文件,加 publicPath: '../../' if (options.extract) { retur

原创 vue input 回車事件

普通vue input: @keyup.enter="onSubmit" element el-input: @keyup.enter.native="onSubmit"

原创 vuex改變了state的值,但是頁面沒有更新

vuex改變了state的值,但是頁面沒有更新 當state裏屬性定義爲obj類型時,有時候出現:在其他頁面修改完state值之後,其他頁面並沒有同步更新。這時候需要轉換一下。JSON.parse(JSON.stringify(

原创 ref、refs、nextTick()

ref、refs、nextTick() ref、refs: // 組件div <navbar ref="navbar></navbar> // 組件 Vue.component('navbar',{ template:'#

原创 vue實現F5刷新整個頁面無空白無間隔時間

vue實現F5刷新整個頁面無空白無間隔時間 通過this.$router.go(0)刷新頁面,和F5一樣,會有空白頁時間,體驗不好。通過provide/inject即可改變這種效果。 首先在App.vue裏面: <temp

原创 ES6 - Object.assign()

ES6 - Object.assign() 語法與定義: Object.assign方法用於對象的合併,將源對象(source)的所有可枚舉屬性,複製到目標對象(target)。 Object.assign方法的第一個參數是目標