iview table表中使用render函數props傳值出現問題

junbaor 發布于2019-08-26 12:23 / 2709人閱讀

摘要：使用中的表格時避免不了使用函數渲染自定義內容，或者渲染組件。但是在正常使用時出現了傳值無法識別，按照官網介紹使用如下直接使用賦值無法識別要將轉寫成，這樣就可以正常傳值啦

使用iview中的table表格時避免不了使用render函數渲染自定義內容，或者渲染組件。但是在正常使用時出現了props傳值無法識別，

按照官網介紹使用props如下：

render: (h, params) => {
    return h("div", [
        h("Input", {
            props: {
                value: params.row.maxCommissionAmount,
                type: "number",
                min:"0"
            },                                   
            style: {
              width: "100%",
              height: "25px",
              border: "1px solid #dcdee2",
              borderRadius: "4px",
              textAlign: "center",
              outline: "none",
            },
           
            
        })
    ])
}

直接使用props賦值無法識別

要將props轉寫成domProps，這樣就可以正常傳值啦

render: (h, params) => {
    return h("div", [
        h("Input", {
            domProps: {
                value: params.row.maxCommissionAmount,
                type: "number",
                min:"0"
            },                                   
            style: {
              width: "100%",
              height: "25px",
              border: "1px solid #dcdee2",
              borderRadius: "4px",
              textAlign: "center",
              outline: "none",
            },
           
            
        })
    ])
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108592.html

iview 使用總結

摘要：開發后臺系統問題總結項目參考了用了包裹頁面進行緩存點擊可切換不會重新渲染在特定頁面比如詳情頁需要每次刷新的時候添加進行相關的刷新導致了另外一個問題最初跳轉時用的傳參刷新參數就沒了特改為傳參涉及到關閉點擊等多個問題用存儲數據并做了最大限 vue+iview 開發后臺系統問題總結項目參考了iview-admin tags 用了keep-alive 包裹 router-view,頁面進行...

王陸寬 2019-08-23 10:51 評論0 收藏0
iview Table表格組件無法拆分單元格的解決思路

摘要：因為我們項目中首要的是單元格拆分的，因此以拆分為例。使用函數對表格組件的表格列配置數據進行動態改造，普通單元格渲染標簽呈現數據，要拆分的單元格渲染原生標簽最后隱藏嵌套表格的邊框及調整相關原生表格樣式。最近在開發的Vue項目中，使用了iview第三方UI庫;對于表格組件的需求是最多的，但是在一些特定場景下，發現iview的表格組件沒有單元格合并與拆分的API，搜了一下發現很多同學提問關...

songze 2019-08-23 11:46 評論0 收藏0
Vue中你不知道但卻很實用的黑科技

摘要：最近數月一直投身于的開源工作中，完成了大大小小多個組件，在組件化開發中積累了不少經驗。在開發全局提示組件通知提醒組件對話框組件時，內部都是使用來渲染，但卻是來隱式地創建這些實例，這樣我們就可以像標題這樣使用，但其內部還是通過來管理。最近數月一直投身于 iView 的開源工作中，完成了大大小小 30 多個 UI 組件，在 Vue 組件化開發中積累了不少經驗。其中也有很多帶有技巧性和黑科...

Heier 2019-08-22 10:47 評論0 收藏0