① 普通圖片如何用antdesignvue顯示
1.初次載入時候默認選中第一組,若第一組有子列表,則選中第一組第一個;
2.當點擊右側剪頭,下拉展開顯示子列表,沒有則不顯示(但是可以點擊);
3.點擊左側全選時,選中當前父標題,並且全選其下所有子標題
4.單個反選子標題時候,父標題的全選狀態改變(antd自帶的狀態可以直接改變)
5.父標題反選時取消全部子標題的選中
6.當檢測到所有標題(父標題與子標題全部取消)全部取消選中時,重新選中第一個父標題的第一個子標題,沒有則選中自己
② ant-design的table怎麼強制刷新
ant-design的table強制刷新的步驟如下。
1、登錄ant-design品台,輸入個人賬號。
2、左鍵點擊界面,並按下鍵盤f4鍵,就可以強制刷新了。
③ Ant-design-vue的一些常見用法
:pagination="false" //分頁器配置項
childrenColumnName=" "
添加row-key屬性:row-key=" "
使用defaultExpandAllRows不能直接生效,需要定義一個loading欄位,在獲取數據後設置loading = true,在標簽中進行v-if判斷,即: <a-table v-if="loading" defaultExpandAllRows></a-table>
翻譯:類型錯誤:傳播不可提交實例的嘗試無效。
原因:錯誤運用擴展運算符(...)
註:對象中的擴展運算符(…)用於取出參數對象中的所有可遍歷屬性,拷貝到當前對象之中
④ ant design pro上傳圖片到後端
我們這里是前端將圖片上傳到後端,然後後端這里再上傳到阿里雲的OSS,並返回一個文件的路徑給前端
<br />
這里的 LogoPicReq 沒有@RequestBody,因為這里是通過表單提交的
<br />其中一定要通過直聯的方式進行獲取,否則就是上報沒有許可權<br />
https://blog.csdn.net/qq_38209894/article/details/99729502
https://qdhaiqiang.github.io/2019/03/14/Ant%20Design%20Pro%E5%AD%A6%E4%B9%A0%E4%B9%8B%E4%BD%BF%E7%94%A8upload%E7%BB%84%E4%BB%B6%E5%B9%B6%E7%94%A8form%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4/
⑤ umi+antd-mobile開發移動端,使用KeepAlive頁面緩存功能(umi-plugin-keep-alive)
使用umi-plugin-keep-alive實現KeepAlive狀態存儲,
並且實現
進入下一個頁面時緩存,後退頁面時不緩存(卸載)
類似微信小程序的頁面緩存機制
1、安裝
2、使用
更詳細的可參考 React Activation
⑥ ant design(Tabs,Table)配置
1.Tabs標簽頁默認樣式修改,確保先將所有的padding和margin重置。.ant-tabs-bar設置默認的黑灰border-bottom,只需在這里將border都設為0即可。.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab設置了每一個tab的一些樣式,通過debug調試即可。
2.table表格參數配置,可以自定義翻頁,分步請求。Table中主要配置解釋,column配置主要作用是將列名及列內容做一一對應,dataIndex和dataSource裡面的數據值也是一一對應的關系。後面的render除了過濾轉換數據同樣可以return HTML。recor等價於applysPayed[i],rowKey給每一行一個唯一key,避免報錯。pagination默認為true,可以設置為false,則不會顯示翻頁。
```
const pagination = dataSourse && dataSourse.length > 10 ? true : false;
<Table
rowKey={record => record._id} // 避免報錯(key)唯一
showHeader={false} // 不展示每一列的名稱
columns={columns}
dataSource={dataSourse}
size="small" // tr的高度
pagination= {pagination}
/>
```
3.Pagination參數配置,showQuickJumper帶自動輸入調整翻頁,不傳則無。其餘參數是配合後台做翻頁請求。
4.主題樣式(顏色)修改目錄路徑:
/Users/yons/Desktop/task/server-commerce/node_moles/antd/lib/style/themes/default.less:
⑦ Ant Design Pro 避免瀏覽器js和css緩存
config 文件添加配置即可,改動後,對應改動文件打包後的文件名會變化,避免緩存
我沒改動任何文件,就進行兩次打包來對比文件名,結果一樣,我以為方法行不通,走了彎路
⑧ antd引用<Upload>組件上傳圖片後再次上傳清除緩存
PS:本人只是一枚廢柴小碼農,在實戰中積累經驗,只是將所踩過的坑分享出來給遇到同樣坑的小夥伴們提個醒,可能會少走些彎路。如果能幫助到你解決實際問題,我將更加堅定分享的初衷:一起成長。
目前只在知乎上和上更新文章,准備在這兩個地方持續更新文章,您的關注對我可能是莫大的鼓勵。
知乎用戶名:廢柴碼農
微博用戶名:有溫度的壁紙
哈哈,交個朋友啦~