问题标签 [element-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
9032 浏览

vuejs2 - javascript - 在 vuejs2 模板中打开链接作为新窗口

我需要打开一个具有一定高度和宽度的新窗口。

在 vuejs2 我有这样的事情:

并且在 props.row.link 中有:http://host/charts/index.php?par=sth 所以这个href在新标签中打开,但没有高度和宽度,而不是在新窗口中。

在 html 中是如此简单:

如何在 vue js 2 中实现这一点,也许是点击方法?

0 投票
2 回答
9640 浏览

pagination - Element UI 如何链接表格和分页?

我在 Vue.js 上工作并使用 Element UI 库。

我有一个包含大量数据的 el 表,下面有一个 el 分页,但我无法连接它们。

目前,当我单击分页的不同页面时,分页元素的选定编号会发生变化,但不会更新表内的数据。

表格和分页中的数据属性设置为相同的变量(“tableData”),但这不起作用。

如何连接这两个元素?

这是我的 .vue 代码:

在我的 .js 关联文件中,我有:

和 :

预先感谢您的帮助!

0 投票
1 回答
13355 浏览

vuejs2 - 提取自定义组件时如何使el-select和v-model协同工作

我正在使用el-select构建一个选择组件。像这样的东西:

到目前为止一切都很好,但是由于组件会出现在不同的页面中,所以我想提取一个自定义组件以避免重复。

根据指引

相当于

所以我像这样提取了选择组件:

父组件如下所示:

选择下拉菜单工作正常,但不幸的是,选择没有显示我选择的选项,在我选择一个选项后它仍然是空的。我怀疑也许我应该切换v-on:input到'v-on:change',但它也不起作用。

更新我创建了一个简单的例子,你可以在这里 克隆它,请检查el-select-as-component分支。跑

您将看到一个包含 3 种选择的简单页面:
左侧是一个用原始选择编写的自定义组件,它工作正常。
中间一个是用 编写的自定义组件el-select,下拉列表保持为空,但是单击按钮filterForm.elClientId后您可以在控制台中看到 。Filter这就是我提出这个问题的原因。
右边的是普通的el-select,效果很好。

0 投票
1 回答
11724 浏览

datepicker - VueJs - el-date-picker:如何设置格式默认值 new Date()

我使用 el-date-picker 设置表单日期,默认值为新日期。但是当它保存日期的值是 yyyy-MM-dd。

如何使用新日期()设置:默认值并将新日期格式化为yyyy-MM-dd?

这是我的代码

这是我的小提琴:https ://jsfiddle.net/dede402/8fkmt2wv/11/

0 投票
1 回答
1869 浏览

javascript - 如何在 element-ui vuejs 中使用 :error 获得成功 validateState

我用 Laravel / Vuejs 和 Element-ui 创建了一个应用程序。在我的表单中,我使用 property: error 来告诉我的字段我正在使用 Laravel 验证。

在以下链接(http://element.eleme.io/#/en-US/component/form#validation)上,我们可以看到当出现错误时,该字段变为红色(它适用于我)并且当我们正确填写该字段,该字段变为绿色。

当出现错误时,validateState 数据获取值“error”。用作:error验证,当验证正确时,属性不会传入“成功”,这使得触发绿色字段成为可能。

如链接示例所示,当错误得到纠正时,如何使 validateState 成功通过?

非常感谢您

0 投票
2 回答
12276 浏览

vuejs2 - VueJs + Element UI:如何自定义 el-dialog 标题?

我使用 el-icon 创建了一个带有自定义 el-dialog 标题的对话框,但 el-icon 没有出现。如何使图标出现?

这是我的代码

这是我的小提琴:https ://jsfiddle.net/dede402/y93kvew5/6/

0 投票
2 回答
9300 浏览

vue.js - 如何根据条件将类映射到 Element UI 表中的特定行单元格?

我正在使用与动态数据映射的 Element UI 表组件。在最后一列,我的状态显示 Appproved 或 Rejected 文本。

那么如何根据单元格值将特定类设置为特定单元格。默认情况下,该类应为红色,但当状态值为 Approved 时,该类应为绿色。

0 投票
1 回答
494 浏览

javascript - vue:调用带有额外参数的函数

https://github.com/ElemeFE/element http://element.eleme.io/#/en-US/component/upload

功能:

如果添加一个额外的参数:

功能:

属性或方法“响应”未在实例上定义,但在渲染期间引用。

0 投票
0 回答
514 浏览

vue.js - element-ui v-for 无法附加数组

这是一个带有“v-for”的“el-option”。我使用数据道具,但没有正确的显示。

还有数据

我可以确定循环是正确的,我可以使用 Chrome 控制台找到 'dicts["Rectype"].value' ,但它永远不会显示在带有 'dicts[col.SHOWNAME]' 的 'el-select' 中

有没有人可以帮助我...tks

0 投票
3 回答
10188 浏览

vue.js - 如何在元素 UI 中的子 Select Dropdown 的 @change 事件上获取选定的行索引?

我正在生成一个包含多个输入元素的列表,其中一个是<el-select>. 在更改此选择菜单时,我得到了与该选择有关的值。但在这里,问题是,我还想获取父 v-for 项目的索引/行号。您可以从以下代码中理解我的意思:

从上面的代码可以看出,我想在updateDropdowns. 我尝试传递 updateDropdowns(index),在这里我得到了索引号,但丢失了该下拉列表的选定值。我怎样才能通过两者?