原创 ant-select數據會發生卡頓問題解決

<a-select v-model="form.region" show-search placeholder="請選擇" option-fi

原创 通過鏈接下載

// window.open(url, "_blank"); const iframe = document.createElement("iframe"); iframe.src = ur

原创 判斷字符串是不是正則表達式

:rules="[ { required: true, trigger: 'blur', validator: this.checkCanonical }, ]" checkC

原创 校驗輸入的是不是正則表單式

checkCanonical (rule, value, callback) { if (value) { let isReg = true try { isReg

原创 點擊某個元素查看有沒有指定的父元素

mounted() { document.addEventListener("click", (e) => this.fintParent(e)); }, methods: { fintParent(e) {

原创 更改placeholder顏色

/deep/ input::-webkit-input-placeholder{ color:#fff; } /deep/ input::-moz-placeholder{ /* Mozilla Firefox 19

原创 滾動到指定位置

//滾動到選中定位的位置 selectedRegion() { // 通過Id獲取到對應的dom元素 const node = document.getElementById(this.sertCu

原创 echarts實現X軸或Y軸名稱過長展示省略號,並鼠標移入展示全稱

  Y軸 yAxis: { type: 'category', data: nameList, axisLine: { show: false /

原创 監聽瀏覽器窗口大小

mounted() { this.$nextTick(this.getBodyHeight) window.addEventListener('resize', this.getBodyHeight) },

原创 vue中使用鏈式操作符?.

1、安裝babel依賴 @babel/plugin-proposal-optional-chaining npm install '@babel/plugin-proposal-optional-chaining' --save-dev

原创 npm install sentry-cli 失敗

    npm set ENTRYCLI_CDNURL=https://cdn.npm.taobao.org/dist/sentry-cli    npm set sentrycli_cdnurl=https://cdn.npm.

原创 vue項目安裝報babel-loader系列錯誤解決

    npm install @babel/core @babel/preset-env

原创 vue和vue-template-compiler版本不一樣報錯

vue項目,package.json中Vue和vue-template-compiler版本不一致時,執行npm run dev有時會報錯 提示如下內容     解決方法 : 第一步:執行npm uninstall vue-templa

原创 unref、isref、toRef、toRefs

unref() 如果參數是一個ref則返回它的value,否則返回參數本身unref(val) 相當於val=isRef(val)?val.value:val   function initialCount(value: number |

原创 ant table表頭行列拖拽切換位置

import Sortable from 'sortablejs' // 行拖拽 rowDrop() { const tbody = document.querySelector('.ant-table-tbo