首先,图片地址用的是attrs而不是props。
{
title: '考题',
key: 'exam_topic',
width: 200,
render: (h, params) => {
return h('div', [
h('span', params.row.exam_topic),
h('Icon', {
props: {
type: params.row.isPlay_question ? 'ios-pause' : 'ios-play',
size: '15'
},
style: {
float: 'right'
},
on: {
click: () => {
if (!params.row.isPlay_question) {
this.a = params.row;
this.playAudio_question(params.row)
} else {
this.stopAudio_question(params.row)
console.log(params.row.isPlay_question);
}
}
}
}),
h('img', {
attrs: {
src: !params.row.isPlay_question ? this.img_src : ''
},
style: {
width: '50px',
height: '46px',
float: 'right'
},
})
])
}
},
这里图片使用的是动态图片,this.img_src为img_src: require("…/…/…/common/img/played.gif"),
这里用于table的render函数中如何设置元素的样式
{
title: '操作',
align: 'center',
render: (h, params) => {
return h('div', [
h('span', {
style:{
fontSize: '14px',
padding: '5px 10px',
cursor: 'pointer',
color: '#fc1'
}
}, '查看'),
]);
}
}