關於vue2自己得到的陳果(不懂的知識點)

“好”久不见發表於2024-05-09

ref引用相關的知識點:

ref='ruleRef'

this.$refs.ruleRef.resetFields() 只針對表單的重置

this,$refs.ruleRef.validate(valid => { 這裡 validate 是進行一次檢驗,引數是一個回撥函式 ,valid是一個布林值,表示表單的檢驗是否透過

  if( !valid ) return          !valid 是指為 假 時直接返回

})

關於呼叫介面:

如果文件中有 請求引數 ,那在 .post( 'path' , 這裡寫請求體)

分頁 pagination:

// 註冊一個全域性的時間過濾器
Vue.filter('dateFormat',function(originVal){
const dt = new Date(originVal)

const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2,'0')
const d = (dt.getDate() + '').padStart(2,'0')

const hh = (dt.getHours() + '').padStart(2,'0')
const mm = (dt.getMinutes() + '').padStart(2,'0')
const ss = (dt.getSeconds() + '').padStart(2,'0')

return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
使用:
<el-table-column label="建立時間" prop="add_time" width="150px">
<template slot-scope="scope">
{{scope.row.add_time | dateFormat}}
</template>
</el-table-column>
陣列 改成 字串
addForm.goods_cats : [] => addForm.goods_cat : "1,2,3"
addForm.goods_cats = addForm.goods_cats.join(',')
***前提是:程式碼中用到的 goods_cats 沒有用到陣列模式,如果有 雙向資料繫結 用到的是 陣列模式,那需要 深複製出一個 再進行 轉換 字串
深複製需要用到的 lodash
在vue專案中引入 lodash => 在script中 import _ form 'lodash'
再在程式碼中進行使用 _.cloneDee(this.addForm) 再將這個賦值給一個新變數 const Form = _.cloneDee(this.addForm)
然後對這個複製出來的進行陣列 轉換成 字串 Form.goods_cats = Form.goods_cats.join(',')

相關文章