快捷導(dǎo)航

淺談vue的iview列表table render函數(shù)設(shè)置DOM屬性值的方法

更新時間：2017年09月30日 07:53:40 作者：蓓蕾心晴

下面小編就為大家?guī)硪黄獪\談vue的iview列表table render函數(shù)設(shè)置DOM屬性值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

如下所示：

{
       title: '負責人社保照片',
       key: 'leaderIdNumber',
       render: (h, params) => {
      return h('img',{domProps:{
      src:params.row.leaderIdNumber
    }})
   }
 },

找了好多，終于找到了原因，如果想要讓列表返回的是一個img標簽，并且設(shè)置img的src，這里不能用props，而是要用domProps就ok了。

以上這篇淺談vue的iview列表table render函數(shù)設(shè)置DOM屬性值的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue實現(xiàn)雙向綁定的方法
這篇文章主要介紹了Vue實現(xiàn)雙向綁定的方法，了解vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
vue3中安裝并使用CSS預(yù)處理器Sass的方法詳解
Sass是一種CSS預(yù)處理器,它擴展了CSS的功能,提供了更高級的語法和特性,例如變量、嵌套、混合、繼承和顏色功能等,這些特性可以幫助開發(fā)者更高效地管理和維護樣式表,本文介紹vue3中安裝并使用CSS預(yù)處理器Sass的方法,感興趣的朋友一起看看吧
2024-01-01
vue elementUI下拉框值無法選中問題及解決方案
大家在寫系統(tǒng)的時候,會有這樣的需求：點擊修改后把需要修改的數(shù)據(jù)放入表單,其中會有下拉單選框、下拉多選框,展示下拉框單選框內(nèi)的數(shù)據(jù)只需要將所選id賦值給下拉框綁定的值就可以了,下面給大家分享vue elementUI下拉框值無法選中問題,感興趣的朋友一起看看吧
2024-03-03
淺析Vue.js 中的條件渲染指令
這篇文章主要介紹了Vue.js 中的條件渲染指令，Vue.js 中的條件渲染指令可以根據(jù)表達式的值，來決定在 DOM 中是渲染還是銷毀元素或組件。本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-11-11
解決element-ui的下拉框有值卻無法選中的情況
這篇文章主要介紹了解決element-ui的下拉框有值卻無法選中的情況，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
詳解Vue中組件的緩存
這篇文章主要介紹了Vue中組件的緩存，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
Vue3 之 Vue 事件處理指南
Vue事件處理是每個Vue項目的必要方面。它用于捕獲用戶輸入，共享數(shù)據(jù)以及許多其他創(chuàng)造性方式。在本文中，會介紹基礎(chǔ)知識，并提供一些用于處理事件的代碼示例。需要的小伙伴可以參考下面文章的具體內(nèi)容
2021-09-09
Vue利用Mixin輕松實現(xiàn)代碼復(fù)用
Mixin，中文翻譯為"混入"，在Vue中是一種非常有用的功能，可以解決許多開發(fā)中的常見問題,下面就讓我們一起深入了解一下Mixin在Vue中解決了哪些問題吧
2023-06-06
vue中使用定義好的變量設(shè)置css樣式詳解
vue項目中我們可以通過行內(nèi)樣式進行動態(tài)修改樣式,下面這篇文章主要給大家介紹了關(guān)于vue中如何使用定義好的變量設(shè)置css樣式的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-03-03
Ant design vue table 單擊行選中勾選checkbox教程
這篇文章主要介紹了Ant design vue table 單擊行選中勾選checkbox教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10