Vue
菜同学
这个作者很懒,什么都没留下…
展开
-
elementui 动态控制 el-tooltip 的 disabled 时, 右侧会闪现一下滚动条
elementui 动态控制 el-tooltip 的 disabled 时, 右侧会闪现一下滚动条。原创 2023-02-23 10:28:48 · 596 阅读 · 3 评论 -
el-table type=”expand”行展开图标的动态显示与隐藏
当前 行类名中控制展开的类名 :动态生成表格 行类名。原创 2023-02-23 10:22:23 · 1596 阅读 · 0 评论 -
elementUi按钮点击后仍有颜色 失焦后才会消失 想要点击后就失去颜色
elementUi按钮点击后仍有颜色 失焦后才会消失 想要点击后就失去颜色。原创 2023-02-23 10:13:24 · 2177 阅读 · 0 评论 -
elementUI 使用了sortablejs之后 el-table表格中的 input 框里的文字不能选中复制问题
给表格绑定动态的 列名,在 input 框上绑定 focus 和 blur 事件动态改变列名,在初始化 sortablejs 时使用 handle属性来控制可以通过哪些地方来进行拖动。原创 2023-02-22 10:57:34 · 1665 阅读 · 0 评论 -
ElementUI Tree组件遇到的问题及高亮搜索
3. 遇到的问题4.扩充(多个关键词高亮搜索)新需求: 输入框中的多个关键词高亮搜索如何理解 $1 参考文章地址原创 2021-09-03 16:47:48 · 1134 阅读 · 1 评论 -
el-select获取选中项的所有信息
el-select获取选中项的所有信息原创 2023-02-22 10:54:09 · 5888 阅读 · 1 评论 -
cascader遇到的坑(点击选中时,弹框不关闭;选择的内容回显是radio不显示选中状态;要求点击文字也可选择;)
测试提了个bug,选择目录后选择框不自动关闭点击了一下确实如此这里我使用的是 elementUi 的 cascader 具体代码如下:<el-cascader ref="catalogue" v-model="exportForm.directIds" :options="catalogueList" :props="{value: 'id', label: 'directoryName', children: 'child...原创 2022-05-13 11:07:59 · 3839 阅读 · 2 评论 -
Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
问题描述在使用 Vue + ElementUI 开发项目的时候遇到了下拉框option 失去焦点时 不关闭的问题查找原因打开控制台之后发现有个报错信息参考了其他文章之后说是 使用了el-dropdown 下缺少 el-dropdown-menu 元素很奇怪,自己的页面明明没有写 el-dropdown又继续开始百度,答案出奇的一致突然发现,关闭模态框后,点击其他地方依旧会出现这个报错原来同事在导航栏的组件里使用了el-drop-down注释之后发现就是这里的问题解决方案(.原创 2021-11-05 18:04:45 · 24719 阅读 · 0 评论 -
更优雅的Vue开发
在Vue项目开发中经常会遇到的问题原创 2020-06-29 18:04:18 · 136 阅读 · 0 评论 -
Vue 项目在 npm run dev 时报错Class constructor FileManager cannot be invoked without 'new'
昨天在运行项目时 出现Class constructor FileManager cannot be invoked without 'new’错误,查找后找到解决办法修改 package.json 里的 “less”: “^3.9.0” ----> “less”: “~3.9.0”成功解决但神奇的是今天我把 package.json 的 “less”: “^3.9.0” 改回原样,...原创 2019-08-22 17:27:59 · 655 阅读 · 0 评论 -
Vue----watch监测数据变化
一.为什么要用 watch当某些数据一旦发生变化,我们就想要采取某种措施时使用示例当 price 一旦发生变化时,我们想要计算出 priceDifferences<template> <div class="watch"> <h2>{{price}}</h2> <h2>{{priceDiff...原创 2019-07-21 13:23:22 · 493 阅读 · 0 评论 -
Vue.nextTick 和 this.$nextTick 的使用
定义: 在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即调用这个函数,获取更新后的DOM简而言之就是 数据更新,在DOM中渲染,立即执行这个函数created() 钩子函数中进行DOM操作的 js 代码必须放在 Vue.nextTick() 中,因为此时 DOM 还未进行渲染,对DOM进行操作是不起作用的<template> <div class="vfor...原创 2019-07-23 17:30:48 · 727 阅读 · 0 评论 -
Vue----Object.freeze()
1.参数为对象Object.freeze()方法可以冻结一个对象,被冻结的对象再也不能被修改。不能向被冻结对象中添加新的属性,不能删除已有的属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,修改已有属性的值。冻结对象的原型也不能被修改。Object.freeze()返回和传入的参数是相同的,返回的是传递的对象,而不是创建一个被冻结的副本<template> ...原创 2019-07-15 11:12:59 · 887 阅读 · 0 评论