0

我想为我的站点使用 UI5 Web 组件“选择”,但下拉菜单没有打开。

我正在使用 Lit-HTML、Typescript 和 Webpack。我将 Playground 中的示例复制到我的代码中,并导入了两个模块(Select、StandardListItem)。确切的示例以及我更改的版本不起作用。但它显示带有 Attribute 的 li-Element selected。我还使用了其他一些 UI5 组件,例如 Input 或 Datepicker,它们都可以正常工作。

选择元素:

<ui5-select class="select" id="sex">
    <ui5-li selected>Weiblich</ui5-li>
    <ui5-li>Männlich</ui5-li>
    <ui5-li>Andere</ui5-li>
</ui5-select>

我进口了:

import '@ui5/webcomponents/dist/Select';
import '@ui5/webcomponents/dist/StandardListItem';

我希望有一个下拉菜单,但是当我单击小箭头或字段时没有任何反应。

4

1 回答 1

1

您使用的是哪个版本的 UI5 Web 组件?在最新版本 1.0.0-rc.2 中,ui5-select 需要 ui5-option(s),而不是 ui5-li 项。

<ui5-select>
    <ui5-option icon="sap-icon://iphone">Phone</ui5-option>
    <ui5-option icon="sap-icon://ipad">Tablet</ui5-option>
    <ui5-option icon="sap-icon://laptop" selected>Desktop</ui5-option>
</ui5-select>

您可以在以下位置提交问题:github.com/SAP/ui5-webcomponents/issues ,也许您可​​以提供一个代码片段来查看。

于 2019-08-07T13:48:34.290 回答