问题标签 [ipyvuetify]

用于显示文本的简单输出 ipywidget 可能如下所示：

这个元素在使用 voila 渲染时非常有用。

ipyvuetify 中的等价物是什么？

我没有在 ipyvuetify 文档中找到等效项： https ://ipyvuetify.readthedocs.io/en/latest/usage.html#create-an-ipyvuetify-widget

假设我有一个带有在 ipyvuetify 中编码的按钮的代码

如何以编程方式运行（单击） v_btn_load 按钮？

谢谢

我正在尝试使用ipyvuetify文本字段来设置一位数，但不能将文本字段的 with 限制为任何合理的值。一个简单的代码，例如

结果是一个看起来很难看的巨大 TextField：

如何为 TextField 的宽度设置一些限制/设置它以使其具有一个字符的最大宽度？或者，我可以在 vue v-TextField / vue 代码上设置任何属性来限制 TextField 的大小吗？

使用 ipyvuetify，我Textfield必须Textarea在ExpansionPanel. 它们的交互是链接的，因为它们代表 DB 行中的两个字段。

是否可以创建一个自定义小部件，它包含不同的嵌套 ipyvuetify 小部件，并允许作为单个对象与整个组进行交互，并且在调用时也像小部件一样呈现？

像这样的东西：

尝试运行任何 ipyvuetify.VuetifyTemplate / vue.VueTemplate 对象时，我在浏览器上收到此错误/警告（例如，使用 Firefox，并右键单击“检查元素”）来自 jupyter 和 voila，

它不会阻止小部件运行，但可能与我尝试解决的一堆更复杂的错误有关......关于发生了什么/为什么会发生这种情况/如何解决它的任何想法？

这是一个最小的例子：

我想用 ipyvuetify 创建一个多行复选框：

结果如下：

如何修改组件以使复选框行彼此靠近？

谢谢

我正在安排一些 ipyvuetify 组件如下：

出现如下：

如果两者都是列（vue.Col）并且只有复选框实际出现在列中，为什么会这样？

谢谢

我有一个小部件，包括一个单选按钮组，例如：

我不知道如何访问用户单击的内容，因此我尝试检查单选按钮组的所有属性，如下所示：

我看到数据从 0 变为 2 ( [0,1,2] ) 但我想访问值 'XX'、'YY' 或 'ZZ?

单选按钮组中要访问的属性是什么？我认为它会是文本输入中的 v_model ，但事实并非如此。

谢谢

PS1：它应该是这些属性之一： https ://vuetifyjs.com/en/api/v-radio-group/#props 但我无法通过打印全部来确定哪一个

PS2：通过 '_trait_values' 字典访问这些值似乎令人头疼。正确的？

我必须使用 ipyvuetify 突出显示在 jupyter 笔记本中使用 voila 呈现的文本。

为了实现这一点，我开始如下：

这会产生：

但期望的结果应该是：

我正在尝试创建一个 Vue 数据表，其中包含特定数据列的谷歌图表。

由于太长的原因，我正在使用 python；特别是 jupyter 和 ipyvuetify。jupyer notebook 将由 voila 渲染并部署在heroku上。

我找到了一种使用 ipyvuetify实现数据表的方法。到目前为止效果很好，我什至可以在模板 traitlet 中编写 javascript 方法来自定义过滤。但是，我想将谷歌图表嵌入到数据表的一列中，为此我正在尝试使用 vue js 包装器vue-google-charts。

到目前为止，我什至无法显示一个简单的谷歌图表。这是我正在做的一个简化示例：

TEMPLATE以下 HTML 字符串在哪里：

但是，当我尝试此操作时，我在浏览器控制台中收到以下错误：

我已经尝试了十几种不同的方式在我的 ipyvuetify 模板中嵌入 Google Charts，包括通过添加直接使用 Google Charts API，<script src=...>但似乎没有任何效果。更重要的是，该行上方的代码module.exports = {似乎没有执行，使用console.log. 但是，我知道一个事实，如果我用require导入替换该行，那么它会抱怨不是一个模块。

我完全被难住了。任何人都可以建议如何以任何必要的方式让外部 js 库与 ipyvuetify 一起工作吗？

谢谢