原创 el-table表頭錯位問題解決方案

body .el-table th.gutter{ display: table-cell!important; }  

原创 el-checkbox change傳值

<el-checkbox @change="checked=>changeFun(checked, item)"></el-checkbox>  

原创 數組賦值指針指向原數組,導致原數組跟着改變

data() { return { currentList: [], homeList: [] }} methods: { fun() { this.currentList=

原创 npm run dev 瀏覽器中打開兩次

不想起兩次解決方法: vue.config.js 下的 devServer.open 設置爲 false // true默認打開瀏覽器 package.json 的 dev 命令設置爲 vue-cli-service serve --op

原创 js 獲取當前時間

getNowTime() {   var date = new Date();   var year = date.getFullYear();   var month = date.getMonth() + 1;   var 

原创 vue離開頁面前回調函數

confirmLeave(callback) { let isCondition = true; // 是否存在數據 if (isCondition ) { MessageBox.confirm("您當前頁面數據還沒保存

原创 CSS單位加減運算 動態計算長度值calc()

margin-left: calc(50% + 10px); // calc() 函數用於動態計算長度值。 // 需要注意的是,運算符前後都需要保留一個空格,例如:width: calc(100% - 10px); // 任何長度

原创 JS數組去重

unique(array){         return Array.from(new Set(array)); },   點贊 收藏 分享 文章舉報 冒煙筒 發佈了1

原创 js對象sort排序,轉字符串

let value = ''; let arr = []; for (let i in data) { // data對象 arr.push(i + data[i]); } value = arr.sort().join('')

原创 對象key活定義

let params = method === 'get' ? 'params' : 'data'; let obj = {    [params]:  'data' }

原创 LazyLoad圖片懶加載

npm install vue-lazyload -s 在main.js 引入 import VueLazyLoad from 'vue-lazyload'; Vue.use(VueScroller, { error:'./st

原创 JS取出兩個數組的不同或相同元素

1、取出兩個數組的不同元素 getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { retur

原创 二級菜單treeAPI實現

<template> <div class="table"> <div class="crumbs"> <el-breadcrumb separator="/">

原创 將select文本居中

select { width: 70px; height: 37px; text-align-last: center; -moz-text-align-last: right; /* 兼容 Firef