vue搭配antD Vue開發專案一

安裝antd-vue並按需載入(詳見 )

1、yarn add ant-design-vue
2、yarn add babel-plugin-import
3、babel.config.js檔案
module.exports = //注意官網這裡是style:true,這可能會導致報錯。建議使用style:"css"
+ ]
+ ]
};4、src/main.js
import from 'ant-design-vue'
vue.use(button).use(switch)
5、使用
哈哈哈

若不想按需載入antd-vue，想一次性全部引入

以上第3步：
將：以上第4步：全部改為
import antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
vue.use(antd);
然後重啟專案即可，請務必重啟專案。

antd**的使用（包括自定義**列，**分頁，vue中的物件格式與react的不同）

record.pid" //4、**的每一列必須有乙個key值 :pagination="false" //7、不使用**的分頁，分頁設定建議單獨用分頁元件，提高靈活性 > //6、通過slot='pimg'繫結。通過slot-scope="text,record"可以動態獲取資料給自定義的標籤，但前提是必須在columns裡配置了scopedslots 檢視大圖編輯刪除 //單獨使用分頁元件 vue中物件方式和react的不同：vue中 :pagination="" react中 pagination=} 區別：vue中需要v-bind繫結，且包裹方式是""。

解決瀏覽器快取導致非同步請求後頁面不更新的問題

一般在請求靜態資源的時候，瀏覽器檢測不是新資料的話，則會從快取中讀取而不會去進行更新，從而導致後台提交資料後前台不更新的問題。
解決方法2：控制台中network裡選中disable cache使瀏覽器不儲存快取，僅適合開發人員用。
getcontent(content)/getdemolist?t=$`).then(res=>` 或 時間戳 `t=$`
this.demolist=res.data.list
}).catch(err=>{})
},

router路由在新視窗開啟頁面

goindex())   //這裡要用resolve方式。 push,go方式無效
window.open(goindex.href,'_blank')
}

解決vue路由跳轉報錯

原因：據翻看大佬的解釋，vue-router ≥3.0版本**形式以及改成promise api的形式了，返回的是乙個promise，如果沒有捕獲到錯誤，控制台始終會出現如圖的警告
解決：在pages/router/router.js 即路由頁面新增以下**
import vue from 'vue'
import vuerouter from 'vue-router'
vue.use(vuerouter)
+ const routerpush = vuerouter.prototype.push
+ vuerouter.prototype.push = function push(location)

轉換時間

transdate(datenum)else
let y=date.getfullyear()
let m=date.getmonth()+1
m=m<10?('0'+m):m
let d=date.getdate()
d=d<10?('0'+d):d
let h=date.gethours()
h=h<10?('0'+h):h
let m=date.getminutes()
m=m<10?('0'+m):m
let s=date.getseconds()
s=s<10?('0'+s):s
this.releasetime=`$-$-$ $:$:$`
},

antd回到頂部功能的使用，更改監聽的元素（元件預設的監聽物件是window，這裡我們更改成其他元素）

//定義乙個getscrollelem函式用來更改「回到頂部元件」監聽的元素 getscrollelem(),

使用datepicker 日期選擇框元件

vue搭配antD Vue開發專案一

Spring註解開發搭配xml

ubantu16 04搭配新開發環境說明

第五周專案3 括號的搭配

vue搭配antD Vue開發專案 一

Spring註解開發搭配xml

ubantu16 04搭配新開發環境說明

第五周專案3 括號的搭配

相關推薦

vue搭配antD Vue開發專案一