vue中h函数写Select

在 Vue 中，可以使用 `v-model` 指令来实现双向数据绑定，而 `v-model` 指令通常用于表单元素，如 `<input>`、`<select>`、`<textarea>` 等。因此，我们可以使用 `<select>` 元素来创建一个下拉选择框。

下面是一个使用 `h` 函数创建 `<select>` 元素的示例：

h('select', {
  on: {
    change: function(event) {
      console.log(event.target.value);
    }
  }
}, [
  h('option', { attrs: { value: 'apple' } }, 'Apple'),
  h('option', { attrs: { value: 'banana' } }, 'Banana'),
  h('option', { attrs: { value: 'orange' } }, 'Orange')
])

上述代码中，我们使用 `h` 函数创建了一个 `<select>` 元素，并定义了一个 `change` 事件监听器。当用户选择一个选项时，将触发 `change` 事件，并将选中项的值打印到控制台上。

我们还使用 `h` 函数创建了三个 `<option>` 元素，分别表示苹果、香蕉和橙子。每个 `<option>` 元素都有一个 `value` 属性，它表示该选项的值。在 `<select>` 元素中，只有选中的 `<option>` 元素的值才会被提交到表单中。

最后，我们将这三个 `<option>` 元素作为 `<select>` 元素的子节点，以便它们在下拉选择框中显示。