随笔分类 -  Vue.js◍'ㅅ'◍

摘要:参考链接: https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel 阅读全文
posted @ 2023-12-07 14:50 Felix_Openmind 阅读(2052) 评论(0) 推荐(0) 编辑
摘要:> 在 Vue 中,"omit" 是一个常用的操作,用于过滤或省略属性。它主要用于组件开发中,用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时,你可以使用 "omit" 来排除不需要的属性。例如,假设你有一个父组件传递属性给子组件的示例 阅读全文
posted @ 2023-06-03 19:09 Felix_Openmind 阅读(1336) 评论(0) 推荐(0) 编辑
摘要:业务效果 核心代码 <template> <a-pagination v-model:current="current" :total="total" :pageSize="pageSize" show-less-items show-size-changer :pageSizeOptions="[ 阅读全文
posted @ 2023-04-25 10:24 Felix_Openmind 阅读(399) 评论(0) 推荐(0) 编辑
摘要:参考:https://github.com/vuejs/vue-router/blob/dev/docs/zh/guide/advanced/scroll-behavior.md 滚动行为 观看 Vue School 的如何控制滚动行为的免费视频课程 (英文) 使用前端路由,当切换到新路由时,想要页 阅读全文
posted @ 2023-04-01 19:40 Felix_Openmind 阅读(79) 评论(0) 推荐(0) 编辑
摘要:nanoid生成唯一ID uuid生成唯一ID nanoid VS uuid 参考连接:https://blog.csdn.net/Cr1556648487/article/details/127012165 阅读全文
posted @ 2023-03-19 18:47 Felix_Openmind 阅读(189) 评论(0) 推荐(0) 编辑
摘要:https://www.cnblogs.com/zhengzhijian/p/16859812.html 阅读全文
posted @ 2023-02-28 18:23 Felix_Openmind 阅读(4) 评论(0) 推荐(0) 编辑
摘要:// src/router/routes.ts import type { RouteRecordRaw } from 'vue-router' const routes: RouteRecordRaw[] = [ // 文章相关的路由统一放在这里管理 { path: '/article', nam 阅读全文
posted @ 2023-01-06 05:06 Felix_Openmind 阅读(75) 评论(0) 推荐(0) 编辑
摘要:路由别名配置 - alias 配置路由重定向,当用户访问/a的时候,URL会被替换/b之后匹配实际路由/b 配置路由别名,/a的别名是/b,当用户访问/b的时候,URL会保持为/b,但路由匹配为/a,和用户访问/a一样 const routes: Array<RouteRecordRaw> = [ 阅读全文
posted @ 2023-01-05 13:16 Felix_Openmind 阅读(120) 评论(0) 推荐(0) 编辑
摘要:访问网页主域名的时候,识别用户身份跳转到不同的首页,配置路由重定向 const routes: Array<RouteRecordRaw> = [ // 访问主域名的时候,根据用户的登录信息,重定向到不同的页面 { path: "/", redirect: () => { // loginInfo是 阅读全文
posted @ 2023-01-05 13:05 Felix_Openmind 阅读(1346) 评论(0) 推荐(0) 编辑
摘要:![](https://img2022.cnblogs.com/blog/2104219/202208/2104219-20220824143726485-1613249139.png) 阅读全文
posted @ 2022-08-24 14:38 Felix_Openmind 阅读(73) 评论(0) 推荐(0) 编辑
摘要:计算属性具有缓存数据效果。 侦听器适用于响应数据时进行异步或开销较大的操作。 计算属性 模板内表达式简单的如果数量太多则让模板过重而且难以维护。 <div id="example"> {{message.split("").reverse().join("")}} </div> 简单需求 =》 声明 阅读全文
posted @ 2022-08-05 17:03 Felix_Openmind 阅读(36) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <script src="https://cdn.staticfile.org/axios/0. 阅读全文
posted @ 2022-07-29 11:06 Felix_Openmind 阅读(1270) 评论(0) 推荐(0) 编辑
摘要:<script> function request01() { let url = "http://jsonplaceholder.typicode.com/albums"; var param = { } return new Promise((resolve, reject) => { axio 阅读全文
posted @ 2022-07-22 02:29 Felix_Openmind 阅读(662) 评论(0) 推荐(0) 编辑
摘要:参考链接: https://blog.csdn.net/A873054267/article/details/99675732?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_baidulandingword~defa 阅读全文
posted @ 2022-03-12 19:50 Felix_Openmind 阅读(90) 评论(0) 推荐(0) 编辑
摘要:1、删除项目已有的node_modules和package-lock.json 2、运行npm install下载相关依赖 3、运行项目 eg: npm run dev (具体根据package.json来决定) 阅读全文
posted @ 2022-01-09 18:28 Felix_Openmind 阅读(44) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vu 阅读全文
posted @ 2021-12-11 20:18 Felix_Openmind 阅读(1293) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> <meta charset="UTF-8"> <title>通过过滤 阅读全文
posted @ 2021-12-11 19:35 Felix_Openmind 阅读(452) 评论(0) 推荐(0) 编辑

*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示