VUE
前端框架
nyf_unknown
这个作者很懒,什么都没留下…
展开
-
(vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
难点:在 Element UI 的 el-cascader 组件中,默认的行为是根据数据的层级结构来显示选项,用户的选择也会基于这种层级结构,el-cascader 本身并不直接支持自定义的显示顺序。需求:按勾选的顺序给后端传值。原创 2024-07-30 14:43:29 · 429 阅读 · 0 评论 -
(vue)Vue读取public中的json文件,打包后只需更改包文件
背景:增加账号需求。原本是在页面,每次都需技术人员添加再打包部署,现在放到json里,以后直接服务器改json就行。第一步、pubulic下新建json文件(打包后dist里边也会有)第二步、userArr.json。第三步、request.js。原创 2024-07-16 16:47:39 · 684 阅读 · 0 评论 -
(vue)eslint-plugin-vue版本问题 安装axios时npm ERR! code ERESOLVE
解决方法:在命令后面加上。原创 2024-07-04 13:57:54 · 394 阅读 · 0 评论 -
(vue)el-tabs选中最后一项后更新数据后无法展开
效果:原因:选中时绑定的值在数据更新后找不到思路:更新数据时把选中的v-model的属性赋为初始值<el-form-item label="字段选择"><el-tabsv-model="activeNameField" //选中的tab@tab-click="handleClickField"//点击的选项信息:key="ai":name="String(ai)" //name赋的是索引下标...</el-tabs><script>data(){return {},原创 2024-07-02 11:26:15 · 246 阅读 · 0 评论 -
(vue3)引入组件标红,...has no default export 组件没有默认导出
由于之前安装了 Vetur 插件,Vetur 默认使用 eslint-plugin-vue,并且强制 export default 语法。TypeScript Vue Plugin 使得写法为 lang=ts 的组件能使用 *.vue 引入。Vue Language Features(Volar) 代替 Vetur 的语法高亮等功能。创建的vite+vue3+ts项目页面有标红。3.重启vscode。原创 2024-06-21 17:55:27 · 1377 阅读 · 1 评论 -
(vue3)基于vite+vue3+element-plus项目创建
第一步 (升级node.js版本到18版本以上)原创 2024-06-19 13:57:08 · 713 阅读 · 0 评论 -
(vue)阻止表单输入后回车
【代码】(vue)阻止表单输入后回车。原创 2024-05-30 10:29:10 · 418 阅读 · 1 评论 -
(vue)el-select选择框加全选/清空/反选
【代码】(vue)el-select选择框加全选/清空/反选。原创 2024-04-17 20:26:52 · 1299 阅读 · 0 评论 -
(vue)el-radio鼠标移入可提示图片
testImg[index]本应该是item.img,暂代测试。原创 2024-04-08 10:18:27 · 250 阅读 · 0 评论 -
(vue)el-table表格回显返回的已勾选的数据
【代码】(vue)el-table表格回显返回的已勾选的数据。原创 2024-03-27 15:41:03 · 1143 阅读 · 0 评论 -
(vue)新闻列表与图片对应显示,体现选中、移入状态
项目背景:郑州院XX项目首页-新闻展示模块,鼠标移入显示对应图片,且体现选中和移入状态。原创 2024-03-21 15:13:34 · 465 阅读 · 0 评论 -
(vue)el-card区分背景图片、点击进入对应页面
项目背景:郑州院XX项目首页-工作台模块卡片点击可。原创 2024-03-21 14:48:40 · 638 阅读 · 0 评论 -
(vue)Module Error (from ./node_modules/eslint-loader/index.js)
参考:解决参考原创 2024-03-15 10:36:31 · 638 阅读 · 0 评论 -
(vue)给el-select下拉选项包含特定字符的对象加禁选
当后台返回混合图片和视频的url时,想根据不同的格式来显示,就可以使用includes进行判断。原创 2024-03-12 10:53:39 · 404 阅读 · 0 评论 -
(vue)适合后台管理系统开发的前端框架
文档地址:https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html。文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/原创 2024-03-05 17:21:29 · 2593 阅读 · 0 评论 -
(vue)复合型输入框el-input输入数字类型,e,+,-等特殊符号可以输入
【代码】(vue)复合型输入框el-input输入数字类型,e,+,-等特殊符号可以输入。原创 2024-02-29 17:09:56 · 940 阅读 · 0 评论 -
(vue)el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)
【代码】(vue)el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)原创 2024-02-29 10:59:56 · 958 阅读 · 0 评论 -
(vue) vue添加鼠标移入事件
【代码】(vue) vue添加鼠标移入事件。原创 2024-02-26 11:02:30 · 210 阅读 · 0 评论 -
子组件中事件结束后切换父组件的el-tab-pane
【代码】子组件中事件结束后切换父组件的el-tab-pane。原创 2024-01-22 15:35:08 · 510 阅读 · 0 评论 -
(vue)键值对结构数据展示
【代码】(vue)键值对结构数据展示。原创 2024-01-19 11:15:48 · 635 阅读 · 0 评论 -
(vue)el-table表格最小/自动高度设置
【代码】(vue)el-table表格最小/自动高度设置。原创 2024-01-11 15:30:40 · 2693 阅读 · 0 评论 -
(vue)el-cascader级联选择器实现单/多选最后一级并回显
el-form-item label="选择算法模型:">:props="{ value: 'id', label: 'name', multiple: true, emitPath: false,}" //后俩个重点filterableclearableplaceholder="请选择"//自定义展示//算法模型改变console.log("算法模型改变");},:show-all-levels="false" //重点//字段。原创 2024-01-09 16:09:38 · 3546 阅读 · 0 评论 -
(vue)el-popover鼠标移入提示效果
【代码】(vue)el-popover鼠标移入提示效果。原创 2024-01-04 10:23:08 · 832 阅读 · 0 评论 -
(vue)增加行,对应行删除
【代码】(vue)增加行,对应行删除。原创 2024-01-03 15:35:45 · 545 阅读 · 0 评论 -
(vue)怎么监听表单里边的数据
【代码】(vue)怎么监听表单里边的数据。原创 2023-12-28 09:20:28 · 1072 阅读 · 0 评论 -
(vue)v-show和v-if区别
如果需要非常频繁地切换,则使用v-show较好;如果在运行时条件很少改变,则使用v-if较好。原创 2023-12-27 14:58:37 · 406 阅读 · 0 评论 -
(vue)el-table中展示图片且可放大
【代码】(vue)el-table中展示图片且可放大。原创 2023-12-26 10:51:54 · 1156 阅读 · 0 评论 -
(vue)富文本Tinymce + vue 配置与内容回显
【代码】(vue)富文本Tinymce + vue 配置与内容回显。原创 2023-12-25 10:57:37 · 2561 阅读 · 0 评论 -
(vue)前后端配合实现文件预览功能
【代码】(vue)前后端配合实现文件预览功能。原创 2023-11-21 10:40:11 · 476 阅读 · 0 评论 -
(vue)el-form表单隐藏校验星号
【代码】(vue)el-form表单隐藏校验星号。原创 2023-10-30 16:48:15 · 1018 阅读 · 0 评论 -
(vue)进入页面自动触发点击事件
思路:使用 ref 属性将 div 标签绑定到了 Vue 实例中的 clickMe 变量上。在 mounted 钩子函数中,通过 this.$refs.clickMe.click() 代码模拟了点击事件,从而触发了 onSubmit 方法。背景:进入页面后需根据表单默认值查询出数据。1.alert弹出说明已进入点击事件中。原创 2023-10-30 16:44:17 · 3306 阅读 · 0 评论 -
(vue)el-descriptions 描述列表无效
原因:element 的版本不够。解决:运行下面两个命令。原创 2023-10-17 11:03:39 · 2341 阅读 · 0 评论 -
(vue)el-select根据下拉框显示隐藏的visible-change的事件使用
【代码】(vue)el-select根据下拉框显示隐藏的visible-change的事件使用。原创 2023-10-12 14:21:08 · 3322 阅读 · 0 评论 -
(vue)el-select下拉选择器“多选”对选择的数量进行限制
方法:通过设置属性 multiple 和 :multiple-limit。原创 2023-10-12 13:58:35 · 2804 阅读 · 0 评论 -
(vue)Vue项目中使用jsPDF和html2canvas生成PDF
2.在需要生成PDF文档的组件中引入jsPDF和html2canvas。1.:安装jsPDF和html2canvas。原创 2023-09-01 11:07:27 · 728 阅读 · 0 评论 -
(vue)el-table 怎么把表格列中相同的数据 合并为一行
【代码】(vue)el-table 怎么把表格列中相同的数据 合并为一行。原创 2023-08-22 10:25:02 · 1997 阅读 · 0 评论 -
(vue)多级表头且转为百分比显示
【代码】(vue)多级表头且转为百分比显示。原创 2023-08-21 17:37:24 · 558 阅读 · 0 评论 -
(vue)el-table数据中的数字对应不同状态
【代码】(vue)el-table数据中的数字对应不同状态。原创 2023-08-21 15:45:59 · 333 阅读 · 0 评论 -
(vue)el-table使用作用域插槽(scoped slot)给数据添加单位
【代码】(vue)el-table使用作用域插槽(scoped slot)给数据添加单位。原创 2023-08-21 15:39:50 · 912 阅读 · 0 评论 -
(vue)当前页面引入了图表封装组件,数据更新,但图表组件没同步刷新
1.在图表组件页面监听图表数据,有新值后调图表渲染方法。原创 2023-08-17 09:35:07 · 247 阅读 · 0 评论