iview Table列表中增加字體圖標

一：

{'title': this.$t('設備別名'),'key': 'actStatus',render: (h, params) => {return h('div', [h('Icon', {props: {type: 'ios-create-outline'},style: {color: '#4071FF'},on: {click: () => {console.log('23')}}}),h('span', params.row.actStatus)])}},

二： 通過偽元素

{'title': this.$t('設備別名'),'key': 'actStatus',render: (h, params) => {return h('span', {class: 'otherName',on: {click: () => {console.log('點擊')}}}, params.row.actStatus)}}, .otherName {position: relative;}/deep/.otherName::after {content: '\F1A2';font-family: Ionicons;font-size: 16px;width: 0;height: 0;position: absolute;color: #2D8CF0;}

總結

以上是生活随笔為你收集整理的iview Table列表中增加字体图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。