![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue知识
文章平均质量分 61
LNNY~
这个作者很懒,什么都没留下…
展开
-
解决 vue-antd-jeecg 管理系统中 online生成的在线表格固定高度
再说说antd中a-table表格组件,它是通过定义scroll属性来控制横纵向滚动条的,但是低代码生成的表格,它通过@jeecg/antd-online-mini这个插件来根据配置项来构建表格,但是没有指定scroll固定值。全局搜索 antd-online-mini,将所有的引用antd-online-mini都替换成上述代码,我的项目只有在src/utils/util.js中动态生成菜单路由的时候有使用。用法:将OnlineForm.umd.min.js放到src中的一个文件中。原创 2024-04-02 14:47:28 · 369 阅读 · 0 评论 -
解决 Ant 版本 1.7.8 组件中 a-table 固定列导致表头错行问题
但是与正常显示的表格样式对比可以看出,问题出现在 margin-bottom 上,正常显示的表格样式 margin-bottom 的属性值是 -8px,但是具体造成这个现象的原因,没有深入细追。这里说明一下为什么不能修改 padding-bottom 的值,这个方法要用在每一个表格组件中,错行和正常显示的 padding-bottom 的值都是0,如果修改 padding-bottom 会影响正常的表格显示,就会出现以下现象。但是这个问题,有可能不是必现的,像我这边,本地没有问题,只在服务器上有问题。原创 2024-03-25 18:56:01 · 733 阅读 · 0 评论 -
vue provide 与 inject使用
在vue项目中,如果遇到跨组件多层次传值的话,一般会用到vuex,或者其他第三方共享状态管理模式,如pinia等,但是对于父组件与多层次孙子组件时,建议使用provide 与 inject,与之其他方式相比,简单方便。原创 2024-03-11 11:45:04 · 417 阅读 · 0 评论 -
vue中动态引入图片
可以看出普通加载的图片会被编译成/img/img.13eb2ff7.jpeg这种路径,而动态加载的还是原始路径,这是因为webpack或vite,会将代码编译,最终在内容内构造出一个类似于打包后的dist文件,而就会将普通方式图片路径编译转化成dist文件夹下img文件夹下的资源。很多时间,不管是vue2,还是vue3开发中都会遇到,动态渲染图片的功能,但是为什么我们直接将图片的路径直接赋值给变量的时候,图片渲染不出来,而通过require引入加载图片后却能正常渲染呢?(以下代码为vue3,vue2一样)原创 2024-02-29 15:41:05 · 1825 阅读 · 0 评论 -
Vue3 watch 与 watchEffect 用法
参数一是一个副作用函数,在这个副作用函数,会收集在这个函数中,用到的所有reactive,ref等声明的变量,作为监听触发依据,但必须是具体值,比如,如果是ref声明的变量必须.value,直接变量是不行的,它只会在初始化的调用一次,在以后的数据变化是监听不到的。所以就可以换种想法,只要在watchEffect里用的副作用,都可以被监听到,如下,不管是num.value还是data.a的值发生变化的时候,都会监听到。第三种 监听多个值,参数一返回的是一个数组,参数二对应每一项也是一个数组。原创 2024-02-27 16:19:39 · 578 阅读 · 0 评论 -
Vue3 isProxy,isReactive,isReadonly 三者解析
注意:它只对通过 reactive,readonly,shallowReactive,shallowReadonly 这四个方法包裹的数据返回true,对于 ref 以及通过 new Proxy 代理的数据返回都是false。但是如果 reactive 包裹的是一个 readonly 的数据的话,那么 isReadonly 为true,isReactive 为false。原因是:readonly 包裹的数据是一个只读的数据,不能在通过reactive方法进行代理。作用:判断当前数据是否为代理数据。原创 2024-02-27 11:16:45 · 558 阅读 · 0 评论 -
Vue3 toRaw 与 markRaw
作用:标记数据不可变为代理数据,也就是reactive,readonly, shallowReactive 或者 shallowReadonly 这四个方式不能将markRaw标记的数据转为响应式数据。作用:返回将reactive,readonly, shallowReactive 或者 shallowReadonly 这个四个方法包裹的原始数据。toRaw返回的数据与包裹之前的数据一个地址值数据,也就是两个数据是相等。注意:toRaw不能乱用,因为会使数据失去响应式。原创 2024-02-27 10:08:32 · 454 阅读 · 0 评论