51工具盒子

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

vuejs

Vue2之深度选择器

Vue2之深度选择器

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

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

[Vue] 路由懒加载

[Vue] 路由懒加载

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

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

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

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

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

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

【已完结】Vue学习笔记

【已完结】Vue学习笔记

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

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

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

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

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

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

【前端】 Vue2.0 入门

【前端】 Vue2.0 入门

厉飞雨 阅读(157) 评论(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上传

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

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

deepin下安装vue

deepin下安装vue

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

1、前置条件 {#1前置条件} =============== 安装好nodejs 参考:[deepin下安装nodejs](http://192.168.0.198:5080/post/inNodejsByOsDeepin/) 2、全局安装Vue {#2全局安装vue} ===================== 执行命令: ```shell # 下面两个版本的二选...

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

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

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

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

nvue中list组件下拉刷新后无法上拉加载更多

nvue中list组件下拉刷新后无法上拉加载更多

厉飞雨 阅读(187) 评论(0) 赞(8)

> 倘能生存,我当然仍要学习。------鲁迅 组件官网地址:<https://uniapp.dcloud.io/component/list> 今天在使用`list`组件时,发现下拉刷新一次后,就不能上拉加载更多了 最后发现官方文档: > * `loadmore` 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一...