![](https://img-blog.csdnimg.cn/64863a59f2834428b3ecca2cc11e8586.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 60
vue学习
会功夫的李白
最好的代码在路上,努力使自己成为自己羡慕的人
展开
-
关于vue中使用h函数报错Non-function value encountered for default slot.
at <Poptip title=“设置列类型” transfer=true >推荐使用函数形式的插槽。原创 2024-07-03 16:16:49 · 397 阅读 · 0 评论 -
vue之全局请求loading
场景:我们往往在项目中会因为表单重复提交而烦恼,往往都会想到很高大上的两个词语——防抖、节流。但网上的很多方法都还是不够灵活、通用,那么下面介绍一下我的方法(在最后)往往都是一个页面写一堆loading代码,请求前打开loading,等请求后关闭,这样会造成代码过度冗余,写起来非常的~你懂得Vue指令另一种方法就是写一个vue指令,绑定到按钮上然后定时给按钮添加loading或禁用,缺点也很明显,直接写到组件上造成维护性太低,并且loading和请求没有太大关系。原创 2023-12-20 21:57:51 · 846 阅读 · 0 评论 -
Vue之混入的重要性
其实还有很多使用方式,混入具有很强的灵活性,在于自己的不断探索。很多框架也凭借者混入实现了全局性的各种功能,混入其实能够使得代码更容易集中维护,更加灵活,简单,甚至规范。原创 2023-12-01 17:32:12 · 660 阅读 · 0 评论 -
el-table中el-popover失效问题
使用框架有很多未知可能性,所以我们尽量使用比较规范的代码。如上述问题,即使不添加fixed属性,表格也会渲染很多el-popover组件,这个时候的绑定值是不可靠的,因为表格渲染多少行,就需要绑定多少个值,另外尽量不要绑定到数据表格的数据上,容易造成错乱。原创 2023-11-16 14:29:41 · 2088 阅读 · 1 评论 -
Vue之没有字段造成双向绑定失效问题
造成这样的问题其实其实是由于代码规范的问题,如果使用typeScript就没有这种问题。明明没有相应的字段,却要赋值,这也是弱语言的一个问题吧。一般的js逻辑可能没有太大问题,但是在双向绑定面前,还是要尽可能的规范一些。所以我们还是比较推荐第一和第二种解决方法。原创 2023-11-09 17:55:43 · 276 阅读 · 0 评论 -
element之自定义表格超出显示省略号并显示文字提示(tooltip)
在一次后台列表开发中,由于表格字段没多少,所以把备注字段也在表格展示了出来,但是因为备注字数较大,所以给 el-table-column 添加了。但是,需求往往没有这么简单😶😶,又要求显示的字体提示要保留一定的格式,如换行。没办法,只能自己写组件了。,😱😱天哪,这也太难看了,于是想到了使用 sass 去控制长度,就这样解决了。组件,通过比较文字提示组件宽度与父级的宽度,来启用提示与显示省略号,然后利用。// 比较文字提示组件与父级宽度,用于判断要不要启用文字提示与显示省略号。// 始终保持提示tip。原创 2023-10-25 17:00:13 · 1758 阅读 · 0 评论 -
Vue之混入(mixin)
混入有点儿继承的意思,就是子继承了父,子可以直接调用父的方法或数据。原创 2023-10-24 13:00:14 · 235 阅读 · 0 评论 -
Vue项目中的字段格式化工具(进阶版)
场景:对于一些全局公用的状态,或是字典,甚至是后端枚举,为了方便维护,我们应尽量使它们全局公用,但我们在开发往往会忽略这个问题,总想着后面再改,可随着项目的不断推进,我们往往都视之不理。功能:解决vue项目中字段、字典、状态类全局维护问题。优势:一次配置全局公用、可单独变更、可自定义、低请求、方便、快捷。特点:组件化、全局化、公用化。原创 2023-10-10 13:47:26 · 703 阅读 · 0 评论 -
关于Vue中的if使用注意事项
el-table 传入数据后,将循环渲染行,所以会生成多个相同的操作按钮,当我们通过 v-if 进行DOM元素更新时,vue 会分不清这些 DOM,最终造成渲染失败。在使用 element 表格时(el-table),有一列为“操作”列,用以动态显示不同按钮,通过插槽获取数据值来判断。当时很苦恼,因为这种报错真的很少见,通过搜集各种相关问题,最终得出一下解决方案。原创 2023-10-09 17:01:08 · 349 阅读 · 0 评论 -
axios添加缓存请求,防止多次请求,单页面多个同一组件造成多次请求解决方案
在axios中,添加。原创 2023-09-25 16:16:29 · 945 阅读 · 0 评论 -
在 Vue 项目中添加字典翻译工具(二)
封装字段翻译组件,可以格式化字典、枚举、字段。使用简单,一次配置多次使用,缓存降低后端请求次数,扩展性强。原创 2023-09-22 09:50:06 · 606 阅读 · 0 评论 -
在 Vue 项目中添加字典翻译工具
当我们在编写前端代码时,往往会对状态类的字段感到苦恼,因为他可能是0,1,2…,也可能是…,我们将他称之为:“字典(dict)”。它是多变的,而且后期可能会有所改动,所以我们不可能把在前端写死。处理方法其实有很多种,可以让后端来处理,返回时进行翻译,这可能降低了灵活性,我们也可以前端处理,下面我们来讲解一下前端的一种处理方法。原理:全局使用Vue的混入(mixin),来实现页面创建时进行请求后端字典列表,然后在页面通过该列表进行翻译字典。原创 2023-09-15 18:01:16 · 1036 阅读 · 0 评论 -
el-table中保留分页选中
对于数据表格,貌似这种需求不是非常常用,对于小数据量来说,checkbox就已经能够足够满足我们的要求,但往往对于大数据量可能需要通过表格来实现选择。场景:对数据表格中数据进行选取,然后保存的数据操作。不过需要指定行的key,我们可以在。下面提供分页多选且赋初始选中的方案。原创 2023-08-31 16:21:29 · 1060 阅读 · 1 评论 -
Vue中data变量使用的注意事项
中添加数据,这样会造成过度数据劫持,造成逻辑处理速度极慢(取值同样如此),可能我们在平时的代码上感受不到,如果将一个比较复杂的canvas渲染动画放进去,全部使用。可以看到包含一个Observer属性,这是Vue自动加上的。属性就会发现canvas渲染非常卡顿。原创 2023-08-10 14:57:44 · 470 阅读 · 0 评论 -
vue快速入门文档
快速的学习vue,不懂的地方也可以向我提问,有错误的地方也请及时指正。原创 2023-03-03 18:00:30 · 718 阅读 · 0 评论