51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

vuejs

Vue3实现米游戏社表情包选择器

Vue3实现米游戏社表情包选择器

厉飞雨 阅读(161) 评论(0) 赞(10)

<p>已经实装在博客评论区咯~,赶紧去试试! <img src="http://static.51tbox.com/static/2024-12-12/col/d827feb673a8ddffacb7b5a0434787ef/87372f648dd94dbeb272f9be4bf5b4cf.webp.jpg" alt=":鹿乃_点...

[Vue] 组件间通信回顾

[Vue] 组件间通信回顾

厉飞雨 阅读(121) 评论(0) 赞(10)

<h1>组件间通信回顾</h1> <h2>回顾</h2> <h3>1.事件注意事项</h3> <p><strong>事件:</strong></p> <ul> <li>系统事件、双击、鼠标事件等等。。</li> <li...

Vue2之深度选择器

Vue2之深度选择器

厉飞雨 阅读(98) 评论(0) 赞(10)

<h1>Vue2之深度选择器</h1> <h2>深度选择器</h2> <p>对于某个组件,如果style添加上scoped属性,给当前子组件结构中都添加上一个data-v-xxxx的自定义属性,就会发现Vue其实是通过属性选择器来完成对需要添加的元素添加上样式的操作的:</p> <pre><...

[Vue] 关于路由组件不显示的问题

[Vue] 关于路由组件不显示的问题

厉飞雨 阅读(128) 评论(0) 赞(11)

搭Vue路由的时候,忽然发现怎么也渲染不出来页面,明明加了router-link标签,route配置了,VueRouter组件也全局use了,还是export也默认暴露了,但页面就是显示不出来 ![:pen:](http://static.51tbox.com/static/2024-12-12/col/1c10d6d69281b3eaa5376e0a3cc08ab9/4fb9...

[Vue] 路由懒加载

[Vue] 路由懒加载

厉飞雨 阅读(79) 评论(0) 赞(7)

起初写 Vue Router 的时候,都是使用import在最前面提前引入路由组件,这样看起来很整齐,但是我发现,这样使用的话,貌似会导致网页初次加载变慢,网上查了一下,发现原来路由也可以按需引入 ![:鹿乃_奇怪的知识:](http://static.51tbox.com/static/2024-12-12/col/169f15dcf74cf2efb5355868dd528f...

【已完结】Vue学习笔记

【已完结】Vue学习笔记

厉飞雨 阅读(143) 评论(0) 赞(10)

<h2>简介</h2> <blockquote> <p>Vue是一个动态构建用户界面的<strong>渐进式</strong> Javascript 框架</p> </blockquote> <h2>特点</h2> <ol> <li>遵...

「vue」使用路由守卫控制路径的访问权限

「vue」使用路由守卫控制路径的访问权限

厉飞雨 阅读(94) 评论(0) 赞(10)

「vue」使用路由守卫控制路径的访问权限 -------------------- ### 1. 使用 redirect属性重定向路由到指定位置 > 在vue项目中,我们经常会遇到项目中使用路由嵌套,并且想要在进入嵌套路由中的父级路由的时候,默认跳转进入其中一个子路由中,以避免网页子路由部分显示区域为空的尴尬情况 **这个时候就可以使用redirect属性** *...

【前端】 Vue2.0 入门

【前端】 Vue2.0 入门

厉飞雨 阅读(155) 评论(0) 赞(12)

<h1>Vue2.0 学习笔记 {#vue20-学习笔记}</h1> <h2>Vue概述与入门 {#vue概述与入门}</h2> <ul> <li>Vue.js是目前最火的前端开发框架,React是最流行的前端开发框架(React除了开发网站还能开发手机APP,Vue也可用Weex进行手机APP开发)<...

vue--excel上传

vue--excel上传

厉飞雨 阅读(128) 评论(0) 赞(10)

在vue中实现excel上传并显示数据 效果如下: 具体代码如下: ```html <template> <div class="app-container"> <input ref="excel-upload-input" class="...

vue下el-popover组件实现滚轴跟随功能

vue下el-popover组件实现滚轴跟随功能

厉飞雨 阅读(180) 评论(0) 赞(10)

<h1>描述 {#描述}</h1> <p>使用的是点击触发弹出内容,目标是在弹出内容的情况下,上下来回滚动鼠标,弹出内容和点击按钮不分离</p> <p>通过监听页面滚动来实现功能,当监听到页面有滚动时,通过组件的updatePopper()方法来更新组件的位置</p> <h1>代码 {#代码}&...