vue+element
vue2、vue3、element及element plus相关记录
小王码农记
前端工程师
展开
-
el-table支持多列同时排序
1. header-cell-style 表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style(解决多列排序字段。(true, false, ‘custom’),为’custom’时,代表用户希望远程排序,需要加 sort-change 事件(我这块介绍的就是值为custom的)1. @sort-change点击排序小箭头触发的事件。1. sortable 是否可以。原创 2024-07-30 17:40:26 · 80 阅读 · 0 评论 -
vue2与vue3中具名插槽使用异同
- 子组件 --><template><div></div>同vue2定义插槽。Vue3中引入了v-slot指令,它允许你更明确地指定插槽的内容。在Vue3中,你不再需要在标签上使用slot属性来指定插槽的名称,而是直接在内部使用v-slot指令,并指定插槽的名称。当然,在Vue3中,仍然可以使用Vue2的语法,但是推荐使用新的v-slot指令,因为它提供了更清晰的语法和一些新特性,比如作用域插槽的改进。原创 2024-07-24 11:23:31 · 320 阅读 · 0 评论 -
vue3之el-table单选
el-table文档中没有表格数据单选,因此基于复选框实现数据单选限制。原创 2024-06-05 11:00:00 · 385 阅读 · 0 评论 -
vue3中常用组件封装及使用
【代码】vue3中常用组件封装及使用。原创 2024-07-16 16:00:00 · 207 阅读 · 0 评论 -
vue常用方法
封装 @/utils下的index.js中。原创 2024-06-03 11:15:00 · 79 阅读 · 0 评论 -
vue中展示textarea内容
textarea内容分段展示到页面。原创 2024-06-04 16:31:38 · 216 阅读 · 1 评论 -
vue3路由传参
【代码】vue3路由传参。原创 2024-06-03 10:34:05 · 315 阅读 · 0 评论 -
vue3之基于el-image实现图片预览
任意splice和concat。原创 2024-06-05 11:15:00 · 500 阅读 · 0 评论 -
vue3表格使用拖拽排序
【代码】vue3表格使用拖拽排序。原创 2024-07-16 10:31:22 · 483 阅读 · 0 评论 -
vue3中进度条上加高亮圆点
小圆点基于进度条定位(left)。原创 2024-06-06 15:00:24 · 232 阅读 · 0 评论 -
vue中搜索功能中按Enter回车键时路由刷新的解决方法
添加的代码为当用户填写完表单并按下提交按钮时,这个事件会被触发。.prevent 是一个事件修饰符,用于阻止事件的默认行为。在 HTML 表单中,默认行为通常是提交表单到服务器,这可能会导致页面刷新。通过使用 .prevent,我们可以阻止这种默认行为,从而可以在。解决方法为:给el-form添加@submit.prevent=“search”页面的情况下执行自定义的 JavaScript 代码。上面代码在输入条件直接点击。原创 2024-04-17 11:00:00 · 621 阅读 · 3 评论 -
elment表格组件a-table属性formatter
table中列属性formatter,格式化表格数据->处理表格中显示的内容(像根据状态数值去显示当前状态对应的中文,或者处理一些是与否相间等)原创 2024-06-06 16:00:54 · 518 阅读 · 0 评论 -
vue2中使用tinymce
,下载完成后将解压后的文件夹存放在与skins文件夹相同的位置。(我这里在最外层包裹了tinymce这一层文件夹方便查找,可不包)(2)监听删除操作,对有data-protected属性和data-mce-bogus属性的内容不可删除。需要汉化的可以在官网下载语言包(执行完上面的两条命令后,在node_modules 中找到。(4)【内容】编辑器模板中table样式修改。(2)【编辑】时某些内容是不可编辑的。(3)【内容】前端拼接编辑器模板。文件夹,将tinymce目录中的。(1)【查看】时禁用编辑。原创 2024-06-03 10:30:00 · 678 阅读 · 0 评论 -
vue2子组件动态emit父组件方法
动态emit父组件方法。原创 2024-07-24 14:57:37 · 182 阅读 · 0 评论 -
vue2中常用组件封装、全局挂载及使用
vue2中常用组件封装、全局挂载及使用。原创 2024-06-25 09:04:20 · 394 阅读 · 0 评论 -
vue中filter过滤器
/ src\filters\dict.js定义过滤器} else {console.error(`字典获取失败`);} else {// main.js中注册全局过滤器filters: {if (!原创 2024-07-01 10:52:26 · 318 阅读 · 0 评论 -
vue2中手动关闭el-dropdown组件下拉菜单
【代码】vue2中手动关闭el-dropdown组件下拉菜单。原创 2024-07-30 09:02:39 · 52 阅读 · 0 评论 -
vue配置sql规则
前端页面实现动态配置sql条件,将JSON结构给到后端,后端进行sql组装。这里涉及的分组后端在组装时用括号将这块规则括起来就行,分组的sql连接符(并且/或者)取组里的第一个。原创 2024-07-05 11:00:00 · 408 阅读 · 0 评论 -
vue中避免多次请求字典接口
后调用的字典接口并存储字典数据,我放这的目的是当页面刷新会调用getInfo,调用成功后更新字典数据(也可以放到登录成功后,这种情况如果想要刷新字典数据,只能退出重新登录)。我这块在src\store\modules\user.js中的的。4.src\store\getter.js中添加allDict。原创 2024-07-01 09:50:00 · 339 阅读 · 0 评论 -
vue中数组出现__ob__: Observer属性,导致不能正确使用问题解决
深拷贝数组,重新生成一个可枚举数组。直接上图,如下图,数组中出现。属性,导致无法取值。原创 2024-07-04 16:24:20 · 278 阅读 · 0 评论 -
vue2中动态生成插槽
遍历数据动态生成插槽。原创 2024-07-24 10:49:44 · 103 阅读 · 0 评论