Question

Vue渲染函数的数据对象采用HTML属性及其参数：

{
  // Same API as `v-bind:class`
  'class': {
    foo: true,
    bar: false
  },
  // Same API as `v-bind:style`
  style: {
    color: 'red',
    fontSize: '14px'
  },
...

如何渲染一个采用不带参数的属性的元素（可能有一个适当的表达式，但我不知道）。一个例子是：

<f7-list accordion>
   <f7-list-item>
 ...

我的尝试无效：

        render: function (createElement){
               return createElement('f7-list', {{'attrs': { 'accordion': true }}, 
                 this.tree.map(function(item){return createElement('f7-list-item', item.name)}))

如何包含这些属性？

Answer 1

你可以将它作为道具传递然后使用吗？我想你可以这样试试。（未测试）

render(createElement) {
    return createElement('f7-list', {
      props: {
        'attrs': {'accordion':true}
      }
    })
 }

或者只是简单地

render(createElement) {
    return createElement('f7-list', {
      attrs: {
        'accordion': true
      }
    })
 }

如何将布尔属性传递给Vue渲染函数数据对象？

1 个答案: