问题标签 [element-plus]

情况

根据 element-plus.org 的文档：https ://element-plus.org/#/en-US/component/pagination 您应该能够为分页组件设置当前页面。

我的页面/组件可以工作，除非我以新的页面加载进入页面，我希望组件接管转换为反应变量“currentPage”的参数“page”并使用它将当前页面设置为突出显示在组件中。

问题

然而，即使属性被设置为 3，组件仍然显示第 1 页。 currentPage 是完全反应式的，并且在其上方的 mustache 中解析时会显示。

文档不一致？

我尝试了不同的东西，但他们自己的文档也不一致，或者我很笨。

在“更多元素”示例中显示v-model:currentPage="currentPage1"，但在“属性”部分中显示：:current-page和:default-current-page. 两者都不起作用。

我的代码[模板]：

中的相关部分setup()：

有谁知道我做错了什么？element-plus 不测试他们的东西还是我在这里无知？最好的解决方案是什么？

我的模板结构是

设置部分

• 登录表单提交，提交是一个异步函数，
• 但是elementRef没有得到ts会报错
• 对象可能为空，但项目可以正常执行。

ts的错误怎么解决

第一次提问，谢谢回复

我正在使用 @vue/cli 5.0.0-beta.3、vue 3.2.8 和 element-plus 1.1.0-beta.8。

为了减小构建包的大小，我尝试在index.html文件中使用 import CDN 构建包时排除所有第三方依赖项（vue、vue-router、vuex、element-plus 等）：

虽然我未能用vue.config.js文件排除元素加：

vue/cli服务启动，页面控制台报错：

这是重现此问题的示例项目： https ://github.com/linrongbin16/financial_tools_app3

还有另一个错误：

也来自element-plus CDN：

tsconfig.json再想一想，我的文件可能有问题：

但是由于我是 vue3+typescript+element-plus 的新手，我不知道为什么会发生这种情况以及如何配置它。

我正在使用 @vue/cli 5.0.0-beta.3、vue 3.2.8 和 element-plus 1.1.0-beta.8。这是我的示例项目：https ://github.com/linrongbin16/financial_tools_app3

我在我的index.html文件中导入 element-plus 1.1.0-beta.8 CDN，但它报告错误：

我不知道如何修复它，或者它是否与我的tsconfig.json设置有任何关系：

我在 Vue2 的项目中使用 element-ui，但我们想将我们的项目升级到 Vue3。为此，我们需要传递 Element-plus（element-ui 与 Vue3 不兼容）。

我们成功传递了 Vue3，但是当我们想要使用 element comp 时，我们总是遇到相同的问题。控制台中出现错误，我不明白为什么。我怀疑使用 vue-loader 将我的 SFC 文件转换为渲染器函数存在问题。

我的测试页面：

vue.config.js：

package.json 中的依赖项：

我在控制台中遇到的错误：

错误

有关信息，我成功地使其在 Vue 的新项目中工作。

我在一个名为“dropdown”的下拉组件上有一个参考

当一个项目被选中时，我想获取选定的标签（我可以获取值，但它与标签不同）

当我做 dropdown.value 时，我得到一个对象，我可以在其中看到具有我想要的值的键，即“selectedLabel”

如果我做 dropdown.value.selectedLabel 我得到空白并且 dropdown.value.selectedLabel.value 是未定义的。

https://codesandbox.io/s/element-plus-demo-forked-2n982?file=/src/App.vue

请检查图像以查看模板和我返回的日志：

这是js的一部分

这是模板的一部分

并控制台发出很多警告，例如：在渲染期间访问了属性“xxx”，但未在实例上定义。如何避免警告？

我有一个带有 ref="form" 的表单和表单中的一些元素，如下所示：

我尝试将 ref 设置为 item 以在单击后更改焦点组件：

点击 el-option 后，继续关注 el-option。我做错了什么？

更新：this.$refs.select_comment.focus(); 是工作，但模糊仍然没有

框架：Vue3 + Element plus。

我需要将注销图标设置在 NavBar 的最右侧。

我尝试在“el-menu-item”或“el-icon”中设置“float:right”，但它们也不起作用。

整个代码

这是目前的情况

我真的需要帮助，谢谢！！！

vue2 项目迁移到 vue3。并使用element-plus来展示。但是当我使用 eldropdown 和 el-tabs 时会出现这个问题。如何解决