• 2
  • 新人请关照

bootstrap-table 如何 formatter vue 自定义组件?

根据返回值渲染iview的组件

{
field: 'proprietary',
title: '私有状态',
sortable: 'true',
formatter: function (value, row, index) {

if (value) {
  return [
    '<a class="remove" href="javascript:void(0)" title="Remove">',
    '<i class="fa fa-trash"></i>',
    '</a>'
  ].join('')
} else {
  return [
    '<a class="like" href="javascript:void(0)" title="Like">',
    '<i class="fa fa-heart"></i>',
    '</a> '
  ].join('')
}

}
}

比如我想根据返回的 true/false 让开关显示 开/关状态 如何传值 之前使用的是 vue render 可以创建元素并往组件传参 bootstrap-table 这个formatter 该怎么处理(开关只是为了举例 实际项目有很多自定义组件)
render: (h, params) => {

return h('div', {
  style: {
    position: 'relative'
  }
}, [
  h('i-switch', {
    props: {
      size: 'small',
      value: params.row.proprietary
    }
  }),
  h('div', {
    style: {
      cursor: 'pointer',
      width: '40px',
      height: '20px',
      position: 'absolute',
      top: '0'
    },
    on: {
      click: () => {
        this.changeProprietary(params.row)
      }
    }
  })
])

}

阅读 676
评论
    0 个回答
    撰写回答

    登录后参与交流、获取后续更新提醒

    相似问题
    推荐文章