原创 想要一個圖標跟在一段文字後面,文字換行它也換行
<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