问题标签 [element-ui]

我正在使用，vue-js并且element-ui

我想检查表单验证的状态，而无需单击submit button

例子

https://jsfiddle.net/nw8mw1s2/

重现步骤

点击每个字段

验证由模糊触发

开始填充不同的输入

问题

当最后一个输入被验证时，我怎么能这样做， isFormValidated变成true.

换句话说，我怎么能说“如果没有状态错误的字段，则转为valudateStatetrue”

尖端

我想我们可以检查validateState每个formItem表格。但我不知道如何具体做到这一点。

我需要一个使用Element UI编写的应用程序上的可编辑数据网格。 实际上，我有一个如下表：

这是在html中呈现的（简化）：

所以，我想将属性附加contenteditable="true"到 div 中class="cell"。
我试图将属性附加到el-table-column元素，但它不起作用。

那么，我怎样才能让一些 el-table 的单元格可编辑呢？属性是否正确
？contenteditable我该如何使用它？

谢谢。

我在 Vue（类似于云盘）上创建了一个 SPA，使用Element.ui 树组件，以显示文件夹树。问题是树本身不会一次加载所有内容，而是在惰性修饰符的帮助下顺序加载。

服务器部分是 mongoose + mongoose-path-tree。使用 mongoose-path-tree 意味着，接下来是数据库中的树存储方案：每个节点不知道其子节点，但子节点存储其到根元素的完整路径：

问题是如果用户对树进行更改（加载文件、创建新文件夹等）并且服务器接受它们，那么如何通知树它需要加载新数据。其文档中的元素 ui 没有描述如何捕获导致重绘树的事件。

客户端树模板

加载新节点

我无法在其事件处理程序中获取触发事件的 html 字段（在 javascript 中是event.target）。

我有一个表格：

• 在更改事件上附加到函数的输入元素
• 管理变更事件的函数

我的代码如下：

我知道我可以调用不同的函数，并且在每个函数中我都知道谁是相对输入，但我想使用一个通用的。

按照我在element-ui.common.js事件触发代码中看到的堆栈跟踪：

并且element只将值传递给事件处理程序。
无论如何，任何想法得到event.target，拜托？

谢谢

我正在使用Element的 Notification 组件，但是当它被激活时，会出现对话框，但似乎在“后面”也引入了灰色背景。单击任意位置会删除灰色背景并允许与对话框交互，但不会出现应该过滤掉正常屏幕噪音的灰色背景。这是一个简短的视频，显示了各种状态：

视频

将组件放入的代码如下：

我已经使用检查器查看了 CSS，但我还没有从 CSS 的角度或 Vue/Element 的角度理解是什么原因造成的。任何帮助，将不胜感激。

我进一步分析了 HTML/CSS，组件似乎在 DOM 中引入了两个单独的块：

下面的块是灰色背景，您希望它“模糊”页面并将注意力集中在模式上。但是，它位于对话框的前面。同样有趣的是，单击任何地方似乎会针对灰色背景并将其关闭，但这样做也会对对话框上的位置产生微妙的影响，如下所示：

请注意，对话框的 z-index 大于背景，这对我来说直观是有意义的，但我认为这会将对话框置于顶部。猜猜这还不是全部。

我现在已经通过将背景更改为display: none然后直接在 DOM 中的模式对话框之前添加以下 HTML 来解决问题：

这些似乎验证了我的潜在怀疑，即在 DOM 树中的放置很重要，并且组件尝试将模态背景放置在 DOM 的最末端是有问题的。

我有一个简单的el 表，有很多列（正好十列）。
因此，某些列对于其内容来说太窄了。我想把每一行分成两行，可以吗？

就像是：

我尝试了以下类似的方法，但没有成功：

有任何想法吗？谢谢。

我正在使用 ElementUi NavMenu，并createElement使用带有菜单标题和索引的 JSON 制作菜单项的方法渲染函数，只是 HTML 和 JS 文件，而不是 .vue 文件。

菜单已安装，单击它时会显示子菜单，但子菜单（el-menu-item）的操作不起作用。我什至尝试了属性 click, item-click, v-on: click when creating the-menu-item （ElementUi的文档告诉@click必须使用，但这会导致在createElement定义属性时出错），但没有人工作，没有错误发生，就好像该方法没有被声明。

只有onclick属性对el-menu-item有效，但是当我使用它时，没有调用vue组件的方法，所以我必须在组件之外（例如在一个类上）创建一个函数，当这个函数是调用它执行对组件方法的调用（我尝试 $ 发出）并发生错误，因为找不到组件的方法。

如何@click在组件的渲染函数内的 el-menu-item 上添加（或类似）事件以调用同一组件的方法？

ElementUI 的 NavMenu 文档。

我如何创建菜单项：

使用 element-ui，表单验证相当不错，所以我期待它非常直接地“连接”一个表示表单是否对“提交”按钮有效的变量。

我当然可以编写一个验证函数并将其附加到每个字段的适当事件上，但这似乎是重复的。

例如，每个规则已经有一个触发器，告诉它何时评估规则（例如模糊、更改）。如果我必须为每个反映相同触发器的 el 输入附加一个事件，那对我来说感觉很脆弱。

例如，这些规则在模糊或更改时触发。

我错过了什么吗？有没有办法优雅地做到这一点？

我正在开始一个 vue js 项目，我决定使用非常漂亮的Element UI 。

问题是我在他们的文档中找不到如何制作一个与放置它的列具有相同宽度的块按钮。

如果您能指出这一点，我将不胜感激。谢谢！

我想集中使用$http.post.$http.deletevue-resource

我知道我可以处理任何单个请求的错误，如下所示：

但是，我想我是否可以onFailure为任何 HTTP 请求定义和设置回调函数。我想在应用程序级别或类似的地方处理任何 http 错误。

我的目标是在 HTTP 请求失败时显示通用 toast 消息。

任何形式的帮助都会很棒。谢谢。