Best way to set VNode attributes in Vue.js using TypeScript

Question

How does one set attributes on Vue.js tag nodes (VNode) programmatically without a need to define vnode.data and vnode.data.attrs each time?

The way I use is far from optimal:

const itemNode = h('div', item.title)
itemNode.data = {}
itemNode.data.attrs = {}
itemNode.data.attrs.class = 'some-class'

tony19 · Accepted Answer · 2022-07-15 23:06:56Z

2

const menuItemNode = h(
  'div',
  {
    class: {
      'some-good-class': true,
      'some-bad-class': false
    }
  },
  item.title
)

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Nov 24, 2018 at 18:56

Zelid

7,23511 gold badges55 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1