如何给render出来的元素绑定Element框架的<el-popover></el-popover>的v-popover属性？

Question

1. 工具

   1. vue

   2. element

2. 目标
   需要用element中的el-popover，实现弹框
   用render生成了一个<button>，要给render绑定一个v-popover属性才能触发弹框，试过

   {
       props: {
           v-popover: 'value'
       }
   }

   好像没什么用？

3. 怎么搞？

Answer 1

哎呀我去，这个问题放了这么久了...

当时这个解决问题换了另外一种方案，然而后来再看文档的时候，发现文档上是有解决方法的

渲染函数 createElement

渲染函数的data对象里，有这么一个属性：

directives: [
  {
    name: 'my-custom-directive',
    value: '2',
    expression: '1 + 1',
    arg: 'foo',
    modifiers: {
      bar: true
    },
  },
],

各个参数是啥意思可以从自定义指令看。

以上。

Answer 2

自己写的 table 头部加 popover 的例子（使用了 vue-data-tables 插件），地址：https://github.com/cag2050/vu...

Answer 3

你写错了？

{
    props: {
        v-popover: {
            default: 'value'
        }
    }
}

Answer 4

TS + ^vue2.0 + ^elementUI2.0

render: (h: Function, { row }: any) => h('el-popover', {
attrs: {
trigger: "click",
placement: "bottom",
width: "400",
content: '内容部分'
}
}, [h('el-button', { slot: "reference" }, '点击查看')])