问题标签 [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 投票
1 回答
2064 浏览

javascript - 使用 vuejs 计算动态相加值的总和

如果在最后一行的第一列中选​​择了选项,我将在表中动态添加带有选择和输入的新行。

它看起来像这样https://jsfiddle.net/zgykgery/所以当您选择“服务”时,会添加新行,并且该行的总价格是根据服务价格、默认 10% 的折扣和金额计算的。

我的服务价格有点笨拙, :value="item.id+'|'+item.price" 所以我有过滤器从价值中获取它。但它有效,现在我不知道如何循环遍历所有行和总服务价格,而没有折扣、总折扣,然后是全价和服务价格和折扣。

我知道我应该使用计算属性或观察者,但不知道如何。

如何计算表格中这些值的总和并将它们显示在下面的较小表格中?

更新

我是 vue 的新手,没有使用计算属性,所以这是我尝试过的,但没有成功:

这里也更新了小提琴,更改时总价仍然为空https://jsfiddle.net/zgykgery/21/

0 投票
2 回答
2864 浏览

javascript - 将“this”传递给嵌套数据函数 Vuejs

在带有Element UI的VueJS 组件中,我使用 disabledDate ,它是“一个确定是否以该日期作为参数禁用日期的函数”。

在这种情况下,我可以使用此代码禁用周六和周日。

我想传递thisdisabledDate函数,这样我也可以禁用其他日期(带有纪元)。

这是我打算做的。

我遇到的问题thisundefined当它被传递到pickerOptions'disabledDate函数时。无论如何可以访问this该嵌套函数内部吗?

注意:pickerOptionsdataVue 组件中。

0 投票
0 回答
1249 浏览

javascript - Vue.js + Element - 切换菜单时丢失活动菜单项类

我正在使用带有 Vue.js 2+ 的 Element.eleme.io UI 库并构建垂直侧边栏(文档:http ://element.eleme.io/#/en-US/component/menu )

问题是,当我将菜单切换为展开/折叠时,我正在丢失当前选择/活动的菜单项(例如,在文档中它总是恢复为默认菜单项) - 如何在此切换之间保持它?

目前我什至已经为default-activeprop 创建了计算值,但它仍然不能像我想的那样工作:

有趣/奇怪的是,在切换菜单后,default-active道具设置正确,但活动菜单项类消失了,所以用户不知道选择了哪个项目。

0 投票
1 回答
933 浏览

vue.js - 如何使用 element-io 对文本区域进行拼写检查

我正在使用element-ui版本 1.43

我想spell-checktext区域输入中添加(如果我写错了,那么红线应该出现在该文本下方,右键单击我可以获得建议)。

如何使用 element-ui 来实现它。

0 投票
1 回答
3534 浏览

javascript - VueJS - 元素 UI 输入组件 - 事件处理程序“输入”错误

我正在尝试使用 VueJS 和 Element-UI 创建一个自定义组件,并且在尝试将数据输入到输入字段时遇到了一个非常烦人的错误。

以下是与该问题相关的文件和内容:

components.js 文件:

index.vue 文件:

我在控制台中收到的错误: 在此处输入图像描述

请指出我是否是个傻瓜,但是我一生都无法弄清楚发生了什么。

干杯,蒂姆

0 投票
1 回答
1919 浏览

forms - Vue.js - 元素 UI - 表单已填充文本

我正在使用 Vue Element UI 根据我的数据(主机)创建 UI 表单,为每个主机创建一个内联表单。我的问题是,如何将输入框中的“值”(已经填写的文本)设置为主机的相应值?

0 投票
1 回答
1197 浏览

jquery - 使用whiteSpace-nowrap后如何删除水平滚动条并使文本区域具有固定高度

我有文本区域。我曾经white-space: nowrap;删除文本区域中的空格。但使用此水平滚动条后出现。所以我需要删除水平滚动条并使文本区域具有固定高度。那么有没有办法在使用 white-pace:nowrap 之后删除水平滚动条,或者有没有其他方法可以删除空格?

0 投票
1 回答
2335 浏览

vue.js - Vue.js - Element-UI how to programmatically close MessageBox?

I'm using MessageBox as user login box, I need to programmatically close the box after a successful login, but I can't find anything from the document to enable my doing that.

Please help.

0 投票
2 回答
16005 浏览

vue.js - How to change the attribute value when clicking a button in Vue

I am using Vue Element UI, how can i change the 'disable' attribute of a inputbox from true to false when clicking the 'edit' button?

0 投票
1 回答
1438 浏览

javascript - 如何将分页创建为可在 VueJS 中重用的子组件

目前我正在使用 Element-UI 在我的应用程序中进行快速开发,并且我想将分页创建为子组件,因此我可以在任何父组件中重复使用它并减小我的应用程序的大小。

具有“内联”分页的父组件的示例。

父.vue

它工作得很好,但它可能会很痛苦,因为我应该在任何想要使用分页的组件中重复所有这些内容。任何人都可以给我举例说明如何在集合仍保留在父组件上时将此分页创建为子组件。

我已经尝试创建它,但坚持如何将返回值从计算属性传递到父组件。

例如,我失败的尝试创建子组件

孩子.vue

父.vue