技巧
文章平均质量分 75
前端技巧
后海 0_o
我与成长, 至死方休
展开
-
Apsara Clouder云计算专项技能认证:云服务器ECS入门
Apsara Clouder云计算专项技能认证:云服务器ECS入门原创 2023-02-16 13:49:08 · 2719 阅读 · 0 评论 -
Vue实现滚动加载的方法 - 分页器 / 无线滚动
目的:下滑到底部,懒加载出下一页内容;数据源:如果已经获取到了全部数据,就需要新增一个显示数据,初次加载一部分,滚动后将截取的下一部分 push 到显示数据中如果需要分页获取数据,则新增一个显示数据,将滚动后的下一页数据,push 至显示数据内实现方法:分页器:基于 elementUI , 点击上一页 / 下一页的时候, 请求 page 变化, 获取不同分页的数据无线滚动:基于 elementUI Plus , 滚动到底部时 触发 无线滚动 v-infinite-scroll , 触发 .原创 2021-09-26 09:16:23 · 2279 阅读 · 0 评论 -
Vue父子组件,兄弟组件间传值(最简洁)
初始状态:父组件:<template> <div class="home"> 首页(父组件) <advert /> <advert-space /> </div></template><script lang="ts">import Vue from 'vue'import advert from '../advert/index.vue'import advertSpace原创 2021-09-20 15:25:15 · 340 阅读 · 0 评论 -
土豆示例数据筛查
解释forEach、filter、map、some、every、find、findIndex、reduce间的区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>potatos</title></head><body> <div> <button onclick="batch()...原创 2021-09-19 19:03:46 · 143 阅读 · 0 评论 -
Vue组件之间进行传值&调用方法
新建 utils文件bus.jsimport Vue from 'vue'const bus = new Vue()export default bus 传值// 发送信息import bus from '@/utils/bus'// 第一个参数为标志变量,第二个参数为通信的值bus.$emit('message', 'hello')// 接收信息import bus from '@/utils/bus'// 第一个参数为标志变量,第二个参数中的e为通信的值bus.$o原创 2021-09-17 08:53:34 · 183 阅读 · 0 评论 -
前端问题集
1.更改主页面路径(默认根目录为’App.vue’,希望跳转至’Home.vue’)知识点:嵌套路由思路:通过路由匹配到相应组件,渲染出相应的界面解决办法:<div id="app"> <router-view></router-view></div>const User = { template: '<div>User {{ $route.params.id }}</div>'}const router =原创 2021-01-13 09:20:40 · 271 阅读 · 0 评论