51工具盒子

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

vuejs

[Vue] 路由懒加载

[Vue] 路由懒加载

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

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

【已完结】Vue学习笔记

【已完结】Vue学习笔记

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

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

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

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

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

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

【前端】 Vue2.0 入门

【前端】 Vue2.0 入门

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

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

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

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

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

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

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

deepin下安装vue

deepin下安装vue

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

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

nvue获取节点信息

nvue获取节点信息

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

> 我们生活在阴沟里,但依然有人仰望星空。------王尔德 在`nvue`中我们获取节点信息就需要如下写法: |---------------------------------------------------------------------------------------------------|----------------------------...

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

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

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

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

nvue中tap事件取消冒泡

nvue中tap事件取消冒泡

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

> 青春是一种持续的陶醉,是理智的狂热。------拉罗什富科 `nvue`中`@tap.stop`阻止冒泡失效了 代码如下: |-----------|------------------------------------------------------------------------------------------| | ``` 1 ``` | `...