原创 想要一個圖標跟在一段文字後面,文字換行它也換行

<a :href="row.sourceRepo" target="_blank" class="sour

原创 npm下載源

一、簡易操作1、查看源npm config get registry2、更換源 npm config set registry https://registry.npm.taobao.org/二、使用nrm協助快速更換源1、安裝nrm包:

原创 TS踩坑

1、*.d.ts文件中聲明瞭命名空間,但是在頁面中用的時候提示“找不到該命名空間” 解決方案:  切記:不要給命名空間加export 【注】1、*.d.ts文件頂級聲明declare最好不要跟export同級使用,不然在其他需要引用這個*

原创 a-form校驗同時存在warning和error,並且warning不影響提交

<a-form-item   label="名稱"   name="remark"   :validate-status="validateRemarkStatus"   :help="validateRemarkHelp" >   <a

原创 antd限制開始時間與結束時間範圍是30天,並不能選擇當前日期之後的日期 vue3(默認展示近7天)

<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate"

原创 用僞類的方式給div加分割線,確保每個div寬度相同

div1:not(:last-child) ::after { content: ''; display: block; width

原创 用一個字段去查找數組中對應的另一個字段的名稱(特別是dom中的顯示)

typeMap.get(row.type)    let typeMap = new Map(); typeList.value.map((item: any) => {   typeMap.set(item.name, item

原创 鼠標移入svg改變svg的邊框顏色

1、將svg以字符串拿過來(注意:要將它自身的stroke去掉)  stroke-width="1.5" 設置線條寬度 const usedIconSvg = `<svg width="20.041748" height="20.0416

原创 a-modal 用deep穿透樣式也無法修改

<div ref="addCloudModal" class="addCloudModal"> <a-modal :getContainer="() => this.$refs.addCloudModal"

原创 重新設置a-table空狀態樣式

<a-config-provider> <template #renderEmpty> <img src="../../../assets/images/no-data.png"

原创 後端獲取TOKEN返oss上傳地址,前端如何將字符串傳給這個地址

您也可以使用 Axios 庫來發送請求,以下是發送表單請求的示例代碼: const axios = require('axios'); function uploadStringToOSS(ossPostData, content)

原创 25宮格

.icon-list { display: grid; grid-template-columns: repeat(5, 1fr); /* 劃分爲5列 */ grid-template-rows: repeat

原创 前端根據鏈接生成二維碼

 <qrcode-vue   :value="record.download_page"   width="200"   ></qrcode-vue> import QrcodeVue from 'qrcode.vue'   comp

原创 v-bind和v-modal的區別

1、v-bind(1)v-bind 是單向數據綁定,用來綁定數據和屬性以及表達式,數據只能從data流向頁面;(2)v-bind 的縮寫是“:”,也就是v-bind:id 等價於 :id(3)適用於 class、style、value2、

原创 vue什麼時候進行虛擬dom對比

1、vue什麼時候進行虛擬dom對比 Vue 在更新組件時會先創建一個新的虛擬 DOM 樹,然後與舊的虛擬 DOM 樹進行對比,從而找出兩個樹之間的差異性,進而只對差異性進行更新操作。這個過程就是所謂的虛擬 DOM 對比。 對比虛擬 DOM