![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
妮子果酱
这个作者很懒,什么都没留下…
展开
-
wangEditor使用踩坑记录
wangEditor是一款轻量级富文本编辑器,虽然功能非常强大,但是在使用中还是踩了不少坑,下面具体说说我在项目使用中遇到的坑,此次我在移动端使用wangEditor。原创 2023-11-14 10:16:59 · 1841 阅读 · 2 评论 -
wangEditor一款好用的编辑器插件
1.wangEditor优势基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用WangEditor富文本编辑器配置方便、使用简单、且开源免费各项基本配置基本齐全,适合功能需求简单的项目构建兼容性是支持IE10+的浏览器默认正文p、字体样式以span标签的行内样式添加2. 功能介绍。原创 2023-11-13 17:41:06 · 728 阅读 · 0 评论 -
JS实现瀑布流布局
最近在做项目时,要实现瀑布流布局,搜索到很多瀑布流组件,如vue-masonry等等。但是很多组件把滚动分页加载都封装在组件里面,但是我的项目有自己的滚动组件只想送入数据进行展示,这时很多组件的布局就乱掉了。没办法只能最后自己yong用js实现了。下面具体说说实现思路吧。原创 2023-11-13 16:31:32 · 181 阅读 · 0 评论 -
position:sticky不生效
通常我们用来实现吸顶效果都会用到position:sticky,但是在以下这几种情况的时候sticky会失效。原创 2023-11-10 15:41:42 · 2716 阅读 · 0 评论 -
vue中动态插入组件
在 vue 项目中,初始化的根实例后,组件j都是通过 import 来进行局部注册,所以组件的创建不需要去关注,相比 extend 要更省心一点点。但是这样做会有几个缺点:组件模板都是事先定义好的,如果我要从接口动态渲染组件怎么办?所有内容都是在 #app 下渲染,注册组件都是在当前位置渲染。如果我要实现一个类似于 window.alert() 提示组件要求像调用 JS 函数一样调用它,该怎么办?这时候,组合就派上用场了。原创 2023-11-03 15:21:40 · 539 阅读 · 0 评论 -
css实现div凹圆角
【代码】css实现div凹圆角。原创 2023-07-28 17:42:54 · 345 阅读 · 0 评论 -
babel-plugin-import只能实现1个组件库的按需引入
在开发和使用组件库时我们知道可以通过安装依赖,并配置相应的.babelrc文件实现组件库中组件的按需引入。按照如上方式配置,便可实现组件的按需引入。但是在我的项目中同时用到两个组件库时,就只有一个配置生效了。查找很对资料后发现babel-plugin-import只能实现1个组件库的按需引入。原创 2023-04-28 14:53:53 · 375 阅读 · 3 评论 -
scss :export 中导出的变量为空
最近在项目中发现,在其他项目中用的挺好的组件,在目前的项目中引用样式完全不对了,经过一番查找后发现是scss :export的变量为空,导致组件的样式不对劲。下面介绍下scss :export配置方法, 及导致这个问题的原因。原创 2023-04-28 14:21:51 · 1521 阅读 · 1 评论 -
JS获取字符串的字节长度
JS获取字符串的字节长度。原创 2023-04-19 22:42:24 · 2424 阅读 · 0 评论 -
vue 移动端车牌号输入键盘组件
组件资源地址:https://download.csdn.net/download/qq_38886284/87705249?spm=1001.2014.3001.5501需要的小伙伴请到这里下载哟~组件效果: PropsEventsSlots使用示例:原创 2023-04-19 22:18:28 · 614 阅读 · 0 评论 -
vue 使用ColorThief获取图片主色调
【代码】vue 使用ColorThief获取图片主色调。原创 2023-04-19 18:19:50 · 761 阅读 · 0 评论 -
解决Vue中$set数据改变而视图不改变
vue视图中数据的渲染和更新些情况下双向绑定是失效的,此时我们会使用set去使视图得到更新,但是有时set会失。上面的代码姓名和年龄都可以正常渲染, 但是性别无法更新到视图上。原创 2023-04-17 11:18:46 · 356 阅读 · 0 评论 -
解决vue数据改变视图不改变问题及$set、$forceUpdate()的用法详解
2、结合vue生命周期,调用$forceUpdate后会触发beforeUpdate和updated这两个钩子函数,不会触发其他钩子函数。1.利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue。2.修改数组的长度时,例如:vm.items.length = newLength。它会强制整个组件的渲染,如果频度没有控制好,会一直渲染,导致应用性能变得很低!3.由于 JavaScript 的限制,Vue不能检测对象属性的添加或删除。原创 2023-04-14 17:26:40 · 1071 阅读 · 0 评论 -
vue父子组件之间的通信
vue父子组件之间的通信原创 2023-03-31 10:22:43 · 78 阅读 · 0 评论 -
vue组件的封装与使用
组件是可复用的 Vue 实例,且带有一个名字。组件的封装和复用可以使我们在开发中极大的提高效率,使代码更加简洁,方便维护。1、在项目中通常把组件放在component文件夹中, 首先在component文件夹中新建一个vue页面,对用于整个项目组件的复用率不是很高的时候, 我们一般采用按需引用的放在,在要用到的页面引用组件。组件基础的使用就这些啦,下篇介绍父子组件之间的传值及函数调用....2、在要用组件的vue页面中进行组件的引用和注册。3、在vue页面中使用组件。原创 2023-03-29 20:19:59 · 1152 阅读 · 0 评论 -
vue生命周期及vue1.0\vue2.0\vue3.0生命周期的变化与区别
但是原先生成的dom元素还存在,可以这么理解,执行了destroy操作,后续就不再受vue控制了。咱们在chrome浏览器里打开,F12看console就能发现beforecreated:el 和 data 并未初始化created:完成了 data 数据的初始化,el没有beforeMount:完成了 el 和 data 初始化mounted :完成挂载。另外在标红处,我们能发现el还是 {{message}},这里就是应用的 Virtual DOM(虚拟Dom)技术,先把坑占住了。原创 2023-03-27 20:31:12 · 125 阅读 · 0 评论 -
vue学习之npm安装镜像、npm命令及nrm切换镜像
npm安装镜像、npm命令及nrm切换镜像原创 2023-03-27 18:49:16 · 2052 阅读 · 0 评论 -
vue学习之node开发环境搭建
nodejs开发环境搭建原创 2023-03-01 13:31:52 · 608 阅读 · 0 评论