iView使用特殊點總結

對iView使用過程中一些特殊的地方進行總結,後續遇到會持續更新...

Table導出csv嵌套對象

handleStr(str){
  let handleStr=str.replace(/[\r\n]/g,""); 
    //先判斷字符裏是否含有逗號
  if(str.indexOf(",") != -1){
    //如果還有雙引號,先將雙引號轉義,避免兩邊加了雙引號後轉義錯誤              
    if(str.indexOf("\"") != -1){
      // 這裏必須對全局進行替換,網上原版是沒有的,不加全部只能處理數組,不能處理json
      handleStr=str.replace(/\"/g, "\"\"");
    }
    //將逗號轉義  
    handleStr="\""+handleStr+"\"";  
    return handleStr
  } 
  return "\""+handleStr+"\"";  
}

Table中添加圖片

render: (h, params) => {
    return h('img', {
      style: {
        width: "100px",
      },
      // 可以使用domProps或者attrs
      domProps: {
        src: params.row.url
      }
      // attrs: {
      //  src: params.row.url  
      // }
    })
}

Form表單對數字校驗

{type: 'number', message: '請輸入數字', trigger: 'blur'}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章