vue3使用element plus框架问题

最新推荐文章于 2024-05-14 17:19:19 发布
最新推荐文章于 2024-05-14 17:19:19 发布
阅读量105 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43378240/article/details/121406475
版权

vue3项目使用vite搭建，框架是element plus，在使用框架过程中有些莫名其妙的问题。

input不能输入

radio不能选择

动态组件不能切换

以上都是基于事件触发了，也没有写错

结果发现是引入的问题，我这里是直接写程序自动引入，先来看这个有问题的引入

 改成

上面的问题全部解决

感谢魏茜同志的帮助，才发现这个问题，大佬果然是大佬

驻风丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3+elementui plus创建项目的方法
01-18
1.使用elementui plus版本实现按需加载组件会报错 Error: Cannot find module ‘babel-preset-es2015’ from ‘D:\danzhukeji\danzhu\my_pp\src’ 这样的情况下 { presets: [[es2015, { modules: false }]], plugins: [ [ component, { libraryName: element-plus, styleLibraryName: theme-chalk
element-plus在vue3.0中按需自动导入
TE杨
02-18 2445
一、引入element-plus //三种引入方式 # NPM $ npm install element-plus --save # Yarn $ yarn add element-plus # pnpm $ pnpm install element-plus 二、安装unplugin-vue-components 和 unplugin-auto-import这两款插件 npm install -D unplugin-vue-components unplugin-auto-import 三、We
如何在vue3中使用element-plus,超详细步骤
weixin_56181202的博客
04-26 490
输入文件名后面的就分别选vue、javaScript最后就按提示启动项目这里我用的是vs code，到编辑器中打开刚刚创建的vue3项目文件夹，新建终端，然后在终端输入 安装后，终端没有报错，在package.json中又能看到element-plus的版本号就说明安装成功了之后在main.js中配置Element-Plus 到这里就配置成功了，就可以到官网中复制组件了Overview 组件总览 | Element Plus (element-plus.org)最后，希望各位大厂工程师们能够给文章点
vue3使用Element Plus
weixin_53068161的博客
05-08 3192
文章目录一、前言二、使用步骤1.npm安装2.引入 Element Plus3.举例使用Element Plus中的组件 一、前言 为加快项目开发速度，我们常常借助第三方的UI组件库，本文主要讨论在vue3环境下使用npm引入Element Plus，并举例使用。 Element Plus官网 二、使用步骤 1.npm安装 代码如下（示例）： npm install element-plus --save 2.引入 Element Plus 代码如下（示例）： 在main.js中添加以下内容： im
Vue3使用Element-plus
IT菜鸟
02-23 2295
此处 Vue3 使用了 Vite 构建工具 ，没有使用 webpack。
vue3使用element-plus
weixin_52941842的博客
11-15 736
安装。
vue3-element-plus使用
码农的专栏
06-25 1080
一、安装 二、引用 三、使用 运行效果：
vue3 接入 Element Plus
大家好，我是 ed.
01-03 2934
Element Plus是一套为开发者、设计师和产品经理准备的基于Vue 3.0的桌面端组件库。反馈：通过界面样式和交互动效让用户清晰地感知自己的操作。当用户进行操作后，页面元素的变化会清晰地展现当前状态。效率：设计简洁直观的操作流程，使语言表达清晰且表意明确，帮助用户快速理解进而作出决策。此外，界面简单直白，减少用户记忆负担。可控：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策。用户可以自由地进行操作，包括撤销、回退和终止当前操作等。
vue3学习9：使用element plus
weixin_43788986的博客
07-10 3055
ElementPlus 是一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。 本次举例怎么使用： 首先安装 然后进行全局引入，在main.js加入： 现在可以试一下 举个栗子...
Vue3与Element-plus整合及项目实战
最新发布
sinat_30844883的博客
05-14 3658
Element-plus简介是ElementUI的升级版，是一套基于vue2与vue3的桌面端组件库，它提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的前端页面。
怎么在Vue3中正确使用ElementPlus，亲测有效，避坑
qq_44017116的博客
11-06 1万+
亲测有用，保姆教程，希望能为社区新人奉献自己的一份力量
Vue3+TypeScript+vite
Hello_world_XXL的博客
11-03 221
VScode插件：volar
Element-plus+Vue3
qq_50207020的博客
04-28 552
Element-plus+Vue3 实现点击查看大图 1、在你的页面中加入组件 //查看大图的组件 <el-image-viewer v-show="zhiYin" @close="closeViewer" :url-list="srcList"></el-image-viewer> //点击按钮 <el-button type="success" size="mini" @click="onPreview">查看大图</el-button> 2、事件
vue3集成Element Plus
I_xuebi的博客
05-30 5725
vue3、element-plus（自动引入、自动导入、国际化、中文、图标）
在Vue3项目中引入Element Plus
m0_52569880的博客
07-12 4072
Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。目前Element Plus可使用的UI组件种类丰富，除了按钮、边框、icon等基本组件，还可以在项目中引入表单组件、数据展示组件、导航、反馈组件进行使用。
基于Vue3 + Element Plus 的后台管理系统详细教程
热门推荐
一步一个脚印，踏实努力，向着目标前进
06-13 2万+
以上是使用 Vue3 和 Element Plus 创建后台管理系统的基本步骤，但如果你想要实现一个实用的后台管理系统，还需要实现登录、权限管理、数据增删改查等功能。Vue 3 中最大的新特性是引入了 Composition API，它允许开发人员按照逻辑相关的方式组织代码，可以更好地复用组件和处理复杂的逻辑。在 data 中声明登录所需参数，初始化表单验证规则并在 method 中实现表单的提交、参数的验证与登录状态的切换。使用 Element Plus 提供的表格、表单等组件实现数据的增删改查。
vue3按需使用Element Plus
朱远辉的博客
06-16 1670
vue3按需使用Element Plus：现在你可以在 Vue 3 的组件中使用 ElementUI-Plus 的组件了。在这个例子中，我们只引入了 ElButton 和 ElInput 两个组件作为示例。你可以根据自己的需要引入其他组件。
vue3修改element plus
11-13
Vue 3是一个流行的JavaScript框架，而Element Plus则是一个基于Vue 3的UI组件库。要修改Element Plus，首先需要了解其组件的结构和样式。可以通过修改Vue文件、SCSS/CSS文件和JavaScript文件来实现对Element Plus的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值