问题标签 [element-plus]

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 回答
2630 浏览

vuejs2 - 如何将 element-ui(现在称为 element-plus)添加到 Vue3 项目?

我一直在使用“element-ui”,现在正在使用新版本的 Vue3。似乎他们发布了一个名为“element-plus”的新版本,但教程没有更新。

https://element-plus.org/#/en-US/component/quickstart

任何人都设法做对并且有效吗?

0 投票
1 回答
175 浏览

vue.js - 如何使用vue Element-plus在不同的特定选项卡中修改相同的内容而不影响另一个选项卡

比如我想在tab 1上传文件后显示Table,但不会影响tab 2。

我的代码在这里:https://codesandbox.io/s/stupefied-feather-uuv4m?file=/src/App.vue

0 投票
2 回答
1860 浏览

vuejs3 - Vue 3 在 defineComponent 中从第三方库扩展了 vue.js 组件

我想在我的组件中使用第三方库 element-plus。目的是该setup defineComponent组件。在控制台中,它会警告Failed to resolve component: el-radio at <App>

在 about router 中,这里是 about.vue

测试组件使用了元素加el-raido组件,Test.vue

我添加了 element-plus,并在 main.js 中注册了所有内容

在此处输入图像描述

我发现这个问题 Extend vue.js component from third-party library

0 投票
1 回答
1696 浏览

javascript - Vue 3 Typescript 无法从 ref 访问方法

大家好,我是 Vue 3 和 Typescript 的新手,我很难在我的项目中解决 typescript 错误,下面是 typescript 错误。

它无法找到验证方法,但是当我尝试对其进行控制台时它会显示出来。

“字符串”类型不存在属性“验证”。

在此处输入图像描述

我正在使用带有 typescript 和 Vue Element Plus 的 Vue 3 composition api,下面是我的组件代码。

零件

0 投票
1 回答
232 浏览

vue.js - 从 vue3 中的 v-on 事件处理程序访问元素

我需要在 vue 中访问组件的元素并不少见。例如在 element-plus 中,确保焦点被移除:

在其他框架中,类似的东西on-mouseleave="this.blur()"就足够了,但在 vuethis中并没有指向元素,所以我需要定义一个 ref 然后遍历 $refs,仅用于这个小任务。

是否有替代$this来访问捕获事件的组件而不是定义模板的组件?

0 投票
2 回答
419 浏览

datepicker - Vue 3 日期选择器 Element-Plus

我目前正试图在日期选择器时代(有点像谷歌航班)显示价格(通过 api 加载)。

示例: 在此处输入图像描述

我目前正在使用 Vue 3。我正在尝试使用 Element-plus 库来实现这一点。我找不到怎么做的方法。任何建议(我检查了 Element-plus 文档),或者建议可能另一个 Vue 3 库完全一样!

这是我的代码

0 投票
0 回答
183 浏览

javascript - 使用元素加氩模板时,Object(...) 不是函数

我是 VueJS 的新手。我将使用氩模板。

你能解释一下如何修复的细节吗?我尝试在 main.js 中使用氩插件。

首先,我安装了 npm 模块: element-plus(successful) 这是我的代码:

我的浏览器提出了以下问题:

Uncaught TypeError: Object(...) is not a function at eval (index.esm.js?3fd4:1) at Module../node_modules/element-plus/lib/index.esm.js (app.js:4051 )

任何人都可以帮助。

0 投票
1 回答
347 浏览

vue.js - 按钮元素加加载

当用户使用 element plus 敲击按钮时,我需要在按钮上设置延迟(加载)

但是这段代码不起作用,我做错了什么?

0 投票
1 回答
1132 浏览

css - SCSS 明暗主题色,如何才能发挥作用?

所以我正在使用 vue js 和 scss。我正在使用 PrimeVue 和 Element plus,并且正在导入变量。我想动态更改主题颜色。

暗变量.scss

$--color-primary - 可以在很多 scss 文件中使用,我想根据主题更改颜色,

例如:

$--color-primary: 白色(如果是浅色主题,如果是黑色主题,则为黑色)

**我想要做什么**

它自己的错误:

怎样才能让它发挥作用?

0 投票
1 回答
1498 浏览

vue.js - 使用 el-select 自定义选定的值

我需要在 el-select 组件中自定义选定的值,到目前为止,我只找到了有关自定义选项项的文档和示例,但没有找到一旦选择的值。这可能element-plus吗?如果是这样,请添加一个示例或为我指出正确的方向。

这些是使用插槽使用自定义 HTML 自定义的选项

定制选项

这是选择后的外观,我需要使用自定义html按选项显示

选择后,我想像选项一样显示所选值