Ipyvuetify 多选功能不起作用答案

【问题标题】：Ipyvuetify multiselect function doesn't workIpyvuetify 多选功能不起作用
【发布时间】：2020-11-20 08:47:35
【问题描述】：

我今天刚开始使用 Ipyvuetify，我想构建一个简单的多选功能。请在下面找到我的代码：

import ipyvuetify as v

hospital_select=v.Select(
    prepend_icon='mdi-hospital-box',
    style_='width: 400px',
    v_model='e6',
    items=[
        'Lion Heart Hospital',
        'Kindoya Hospital',
        'Port Loko Government Hospital',
        'Holy Spirit Catholic Hosp'
    ],
    label='Hospital Name',
    multiple=True,
    chips=True
)

应该很简单，但我无法从下拉菜单中选择任何选项。

multi-select drop-down menu

PS：单选有效

【问题讨论】：

请将您的代码发布为文本而不是图像。否则很难重现问题。

标签： jupyter-notebook vuetify.js ipywidgets

【解决方案1】：

值'e6' 不是item 特征中提供的列表的一部分，我认为这会导致错误。在@ac24 答案中，v_model 将被取消设置，并且无法检索列表

试试这个：

import ipyvuetify as v

hospital_select=v.Select(
    prepend_icon='mdi-hospital-box',
    style_='width: 400px',
    v_model=None,
    items=[
        'Lion Heart Hospital',
        'Kindoya Hospital',
        'Port Loko Government Hospital',
        'Holy Spirit Catholic Hosp'
    ],
    label='Hospital Name',
    multiple=True,
    chips=True
)

并使用hospital_select.v_model 以列表形式检索小部件值

【讨论】：

【解决方案2】：

如果您删除 v_model='e6' kwarg，这对我有用，但不知道为什么。

hospital_select=v.Select(
prepend_icon='mdi-hospital-box',
style_='width: 400px',
items=['Lion Heart Hospital','Kindoya Hospital','Port Loko Government Hospital','Holy Spirit Catholic Hosp'],
label='Hospital Name',
multiple=True,
chips=True
)

【讨论】：

谢谢！它确实有效>。我没有找到太多关于 v-model 实际作用的信息。稍后我会深入挖掘。
v_model 包含选定的值。使用多选，它应该是一个列表而不是一个字符串。