Vue.js

JavaScript利用事件循环实现数据预加载-牛翰网

JavaScript利用事件循环实现数据预加载

目录 背景 什么是事件循环 事件循环怎么和数据预加载关联起来 实现 扩展 背景 有一个从后端获取的数据列表,每页请求10条,每次下拉到底部的是时候请求下一页。目前做法是,请求下一页的时候底...
Vue el-table复选框全部勾选及勾选回显功能实现-牛翰网

Vue el-table复选框全部勾选及勾选回显功能实现

目录 1、效果 2、代码 (1)表格 (2)默认全选 (3)回显 1、效果 2、代码 (1)表格 <el-table ref='multipleTable'></el-table> (2)默认全选 this.$refs.multipleTable.toggle...
f2d25c685fc4634c的头像-牛翰网半城风月-6个月前
02715
uni-app 滚动到指定位置的操作方法-牛翰网

uni-app 滚动到指定位置的操作方法

方法1:使用标签,可以将页面横向(或纵向)滚动到指定位置无法滚动 将代码放在setTimeout,nextTick里执行 <!-- 左边 --> <scroll-view show-scrollbar='false' scroll-y='true' clas...
ccc16107597097b1的头像-牛翰网江-月*夜6个月前
05313
vue3中toRef、toRefs和toRaw的使用-牛翰网

vue3中toRef、toRefs和toRaw的使用

目录 1.toRef 2.toRefs 3.toRaw 1.toRef  toRef 的作用是将一个响应式对象中的属性转换成单独的响应式引用。转换后的响应式引用会跟踪原始属性的变化。转换后的响应式可以被用于计算...
9289eafc3d9a2e93的头像-牛翰网猛扇赵四那半好嘴6个月前
03211
element-ui 中如何修改loading加载样式-牛翰网

element-ui 中如何修改loading加载样式

element-ui 中的 loading 加载功能,默认是全屏加载效果 设置局部,需要自定义样式或者修改样式,方法如下: import { Loading } from 'element-ui' Vue.prototype.$baseLoading = (text) =>...
92b6e42d8acdcf40的头像-牛翰网奋斗的小鸟鸟6个月前
09011
vue require.context全局注册组件的具体实现-牛翰网

vue require.context全局注册组件的具体实现

目录 一、定义2个组件 二、局部使用这两个组件 三、全局注册组件 ​ 作用:一个 Webpack 提供的 API 方法,通过 require.context() 函数可以获取一个上下文,通常用来简化...
18fd9455e06884ad的头像-牛翰网蓝色海岛6个月前
04412
基于vue+echarts实现柱状图渐变色效果(每个柱子颜色不同)-牛翰网

基于vue+echarts实现柱状图渐变色效果(每个柱子颜色不同)

目录 一、需要实现的效果图 二、背景 三、解决思路 四、为每个柱子设置不同颜色,以及渐变色的设置 五、总结 一、需要实现的效果图 二、背景 Echarts的柱状图,由于默认所有柱子都是同一个颜色...
daf2bc55dfe45a99的头像-牛翰网小蹦跶儿6个月前
06713
关于封装axios网络请求降低代码耦合度详解-牛翰网

关于封装axios网络请求降低代码耦合度详解

目录 引言 理解耦合度 Axios概述 封装Axios 使用这里封装的类进行网络请求 总结 结束语 引言 在项目中直接使用Axios或其他第三方库来发送网络请求获取数据时,会导致代码与网络请求的逻辑耦合度...
905b36580c8c02ef的头像-牛翰网不会写前端的小鱼6个月前
0509
Vue渲染器如何对节点进行挂载和更新-牛翰网

Vue渲染器如何对节点进行挂载和更新

目录 一、子节点和元素的属性 1.如何处理子节点为多个节点的情况: 调整mountElement去正确的挂载修改后的vnode 2.如何处理被挂载元素的属性: 调整mountElement去正确的挂载修改后的vnode 二、...
d7c5c847a5c4146a的头像-牛翰网Lumen丶6个月前
04413
Javascript正则表达式实现输入框验证信息功能实例-牛翰网

Javascript正则表达式实现输入框验证信息功能实例

目录 1.了解正则表达式可以: 2.正则表达式验证输入框信息实现以下功能 附:常用方法 总结  1.了解正则表达式可以: 测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符...