原创 el-upload上傳圖片

<template> <el-container> <div :class="{'hideAddBtn':fileList.length}"> <el-upload :action="upl

原创 vue+element el-tree樹形控件的底層菜單橫向排列

完整代碼: <template> <div class="container"> <div class="routeList-box" v-for="(item,index) in routeList" :key="

原创 vscode常用的快捷鍵以及電腦常用快捷鍵

一、vs code 的常用快捷鍵列表 1、註釋: a) 單行註釋:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消單行註釋:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) c) 多行註釋:[alt

原创 JS讓頁面滾動到最頂部

document.scrollingElement.scrollTop = 0;//讓頁面滾動到最頂部

原创 點擊項目任何地方都會報這個錯element-ui.common.js:2342 Uncaught TypeError: Cannot read property 'disabled' of null

這個是因爲在頁面中使用了el-dropdown,但是在這個標籤裏面沒有設置它的子元素,所以會報錯,在el-dropdown中添加el-dropdown-menu標籤就好

原创 父組件通過props給子組件傳值產生的警告

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent 上面這個警告是父組件通過pro

原创 CSS user-select: none禁止鼠標移動選擇文字

取值: none: 文本不能被選擇 text: 可以選擇文本 all:當所有內容作爲一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素,那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素。 element: 可以選擇文本,

原创 element-ui el-table使用v-if來控制列的顯示隱藏 出現列位置錯亂問題

描述: 在el-table中使用v-if控制某些列的顯示或者隱藏,當activeIndex數據發生改變時,下面這種寫法會導致表格的列位置錯亂 <el-table-column label="商品id" ></el-table-co

原创 element-ui關閉彈框後再打開彈框 彈框中的表單進行了驗證

問題:打開表單,觸發驗證後,關閉表單,再重新打開表單時,之前觸發的驗證還在,如下圖所示 解決:在關閉表單時添加下面代碼 this.$refs.xxx.resetFields(); 注意: 代碼中的 xxx 是你表單中 re

原创 從a 的href寫上地址可以跳轉,可以把href去掉再加個點擊事件,在事件中加window.open(url)跳轉被攔截的問題

如果加的這個事件是異步執行的話是被攔截的,改爲同步即可 第一部分代碼跳轉會被攔截,第二部分的就不會了 <template> <div> <a @click="openPushProduct(url)" target="

原创 this.$nextTick()在下次 DOM 更新循環結束之後執行延遲迴調

在項目開發中有部分開發者爲了想在DOM渲染之後再執行某個函數而使用定時器setTimeout來解決 其實 this.$nextTick() 更加好用,因爲定時器要設置時間,你不知道DOM多長時間後渲染完成,定時長了效果不好,定時短

原创 $message消息通知被el-dialog對話框的遮擋的問題

解決: 在對話框el-dialog標籤中添加z-index=“1000” (如果是兩千多可能會導致第一次會被遮擋住,第一次後不會被遮擋的問題) <el-dialog title="服務費" :visible.sync="moda

原创 js中字符串和數組之間相互轉換

1、將數組轉化成字符串 let a = ['a','b','c'] let b = a.json(",") console.log(b) //"a,b,c" 2、將字符串轉化成數組 let a = 'a,b,c' let b =

原创 Window 對象的 Location 屬性

詳細請瀏覽w3schoo 例子: url=“https://local.yushutec.com:18443/jdb3/#/trend/competitiveTrend?type=2&id=158442” 1、location.

原创 el-table按鈕點擊操作列事件阻止觸發表格的行點擊事件@row-click

問題:給el-table綁定行點擊事件row-click,點擊行時,觸發表格的行點擊事件,可是表格中有操作列,列中有其他點擊事件,比如編輯和刪除,此時點擊編輯事件,也會觸發表格的行點擊事件了 解決辦法: 在操作列的 @click