iview表格头部使用下拉框

最新推荐文章于 2023-03-16 21:30:55 发布

Moqin89

最新推荐文章于 2023-03-16 21:30:55 发布

阅读量1.2k

点赞数 1

分类专栏： vue 文章标签： iview table

本文链接：https://blog.csdn.net/MCQq123321/article/details/86542171

版权

vue 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

cols: [
{ width: 250,
  align: 'center',
  renderHeader: (createElement, {col}) => {
    return createElement('Select', {
      props: {
        value: this.visitRecordData.identifierDataIndexType,
        transfer:true
      },
      on: {
        'on-change': (value) => {
          this.visitRecordData.identifierDataIndexType = value
        }
      },
      style: {
        width: '150px',
      }
    }, [
      createElement('Option', {
        props: {
          value: 'usual'
        },
        style: {
          fontWeight: 'normal'
        }
      }, '名字'),
      createElement('Option', {
        props: {
          value: 'official'
        },
        style: {
          fontWeight: 'normal'
        }
      }, '年龄'),
    ])
  },
  render: (createElement, {row}) => {
      let showText=row.identifier && row.identifier.find(item=>{
        return item.use===this.visitRecordData.identifierDataIndexType
      }).value
    return createElement("span", {}, showText?showText:"")
  }
},
]

接口返回的参数