快捷導(dǎo)航

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

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

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

如下所示：

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

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

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

您可能感興趣的文章:

相關(guān)文章

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