Element-ui 自定义下拉框，实现选择图片并且回显图片

自定义select下拉框：

export default {data(){return {// label：图片路径 value：方向指向directionOption:[{label:'/static/img/rel/right.png',value:'0'}, {label:'/static/img/rel/left.png',value:'1'},],};},

效果：

选中后的效果：

js动作实现：

methods: {//关系方向下拉框改变事件changeSelection(scope){let mark = scope.row.mark;let i = scope.$index;for(let index in this.directionOption){let aa = this.directionOption[index];let value = aa.value;if(mark === value ){this.$refs[`select${i}`].$el.children[0].children[0].setAttribute('style','background:url('+ aa.label +') no-repeat;color:#fff;text-indent: -9999px;background-position: center center');}}},}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！