Question

我试图在select元素中使用自定义组件，例如：

<select value.bind="selectValue" name="myname">
  <option value="" disabled selected>Select option</option>

  <my-component></my-component>
</select>

my-component就像：

<template>
  <option value="something">Some text</option>
</template>

所以我希望这个选项能够包含在我的选择中。

但似乎没有用。

我的问题是：我是不是可以在选择中使用自定义组件，因为我使用它？

干杯!!

Answer 1

由于<select>仅接受<option>和<optgroup>，因此您无法在其中使用自定义元素。但是，您可以使用as-element来避免此错误。像这样：

<select value.bind="selectValue" name="myname">
  <option value="" disabled selected>Select option</option>

  <option as-element="my-component"></option>
</select>

但在使用此方法之前，请确保my-component在这种情况下确实有意义。在使用自定义元素渲染简单的东西之前，我会三思而后行，例如<option>。也许自定义属性是更好的选择。

使用select

1 个答案: