问题标签 [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.
javascript - 使用 vuejs 计算动态相加值的总和
如果在最后一行的第一列中选择了选项,我将在表中动态添加带有选择和输入的新行。
它看起来像这样https://jsfiddle.net/zgykgery/所以当您选择“服务”时,会添加新行,并且该行的总价格是根据服务价格、默认 10% 的折扣和金额计算的。
我的服务价格有点笨拙,
:value="item.id+'|'+item.price"
所以我有过滤器从价值中获取它。但它有效,现在我不知道如何循环遍历所有行和总服务价格,而没有折扣、总折扣,然后是全价和服务价格和折扣。
我知道我应该使用计算属性或观察者,但不知道如何。
如何计算表格中这些值的总和并将它们显示在下面的较小表格中?
更新
我是 vue 的新手,没有使用计算属性,所以这是我尝试过的,但没有成功:
这里也更新了小提琴,更改时总价仍然为空https://jsfiddle.net/zgykgery/21/
javascript - 将“this”传递给嵌套数据函数 Vuejs
在带有Element UI的VueJS 组件中,我使用 disabledDate ,它是“一个确定是否以该日期作为参数禁用日期的函数”。
在这种情况下,我可以使用此代码禁用周六和周日。
我想传递this
给disabledDate
函数,这样我也可以禁用其他日期(带有纪元)。
这是我打算做的。
我遇到的问题this
是undefined
当它被传递到pickerOptions
'disabledDate
函数时。无论如何可以访问this
该嵌套函数内部吗?
注意:pickerOptions
在data
Vue 组件中。
javascript - Vue.js + Element - 切换菜单时丢失活动菜单项类
我正在使用带有 Vue.js 2+ 的 Element.eleme.io UI 库并构建垂直侧边栏(文档:http ://element.eleme.io/#/en-US/component/menu )
问题是,当我将菜单切换为展开/折叠时,我正在丢失当前选择/活动的菜单项(例如,在文档中它总是恢复为默认菜单项) - 如何在此切换之间保持它?
目前我什至已经为default-active
prop 创建了计算值,但它仍然不能像我想的那样工作:
有趣/奇怪的是,在切换菜单后,default-active
道具设置正确,但活动菜单项类消失了,所以用户不知道选择了哪个项目。
vue.js - 如何使用 element-io 对文本区域进行拼写检查
我正在使用element-ui,版本 1.43。
我想spell-check
在text
区域输入中添加(如果我写错了,那么红线应该出现在该文本下方,右键单击我可以获得建议)。
如何使用 element-ui 来实现它。
forms - Vue.js - 元素 UI - 表单已填充文本
我正在使用 Vue Element UI 根据我的数据(主机)创建 UI 表单,为每个主机创建一个内联表单。我的问题是,如何将输入框中的“值”(已经填写的文本)设置为主机的相应值?
jquery - 使用whiteSpace-nowrap后如何删除水平滚动条并使文本区域具有固定高度
我有文本区域。我曾经white-space: nowrap;
删除文本区域中的空格。但使用此水平滚动条后出现。所以我需要删除水平滚动条并使文本区域具有固定高度。那么有没有办法在使用 white-pace:nowrap 之后删除水平滚动条,或者有没有其他方法可以删除空格?
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.
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?
javascript - 如何将分页创建为可在 VueJS 中重用的子组件
目前我正在使用 Element-UI 在我的应用程序中进行快速开发,并且我想将分页创建为子组件,因此我可以在任何父组件中重复使用它并减小我的应用程序的大小。
具有“内联”分页的父组件的示例。
父.vue
它工作得很好,但它可能会很痛苦,因为我应该在任何想要使用分页的组件中重复所有这些内容。任何人都可以给我举例说明如何在集合仍保留在父组件上时将此分页创建为子组件。
我已经尝试创建它,但坚持如何将返回值从计算属性传递到父组件。
例如,我失败的尝试创建子组件
孩子.vue
父.vue