我正在使用ipyvuetify
,但在理解v_model
代表什么方面仍然存在一些问题。
我需要的是一个带有可选行的表格和一个读取选定行并在单击时返回它们的按钮。我尝试了以下代码。
import ipyvuetify as v
headers = [
{"text": "Name", "value": "name"},
{"text": "Age", "value": "age"}
]
items = [
{'name': 'Henri', 'age': 12},
{'name': 'Etienne', 'age': 30},
{'name': 'Matthieu', 'age': 40}
]
table = v.DataTable(
v_model=[],
show_select=True,
item_key = 'name',
headers=headers,
items=items,
)
show_selected_btn = v.Btn(color="primary",children=["Show selected"])
card_text = v.CardText(children = ['text'])
card = v.Card(children=[card_text])
def on_click(widget, event, data):
card_text.children = table.v_model
show_selected_btn.on_event('click', on_click)
v.Layout(
column=True,
children=[table, show_selected_btn, card]
)
我的问题是,从 Vue.js 的角度来看,我将其理解v_model
为可以随时访问的全局 JS 变量,但它似乎也链接到一个对象(此处的表格)。然后我尝试table.v_model
了,但这不起作用。
我需要知道放置什么而不是放置什么v_model=[]
以及table.v_model
为什么。ipyvuetify 文档对那个 subjetc 很清楚。
最后一个问题:如何初始化选定的行?在启动时选择所有行?这也适用于v_model
属性吗?
问候。