随笔分类 - 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
阅读全文
摘要:> 在 Vue 中,"omit" 是一个常用的操作,用于过滤或省略属性。它主要用于组件开发中,用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时,你可以使用 "omit" 来排除不需要的属性。例如,假设你有一个父组件传递属性给子组件的示例
阅读全文
摘要:业务效果 核心代码 <template> <a-pagination v-model:current="current" :total="total" :pageSize="pageSize" show-less-items show-size-changer :pageSizeOptions="[
阅读全文
摘要:参考:https://github.com/vuejs/vue-router/blob/dev/docs/zh/guide/advanced/scroll-behavior.md 滚动行为 观看 Vue School 的如何控制滚动行为的免费视频课程 (英文) 使用前端路由,当切换到新路由时,想要页
阅读全文
摘要:nanoid生成唯一ID uuid生成唯一ID nanoid VS uuid 参考连接:https://blog.csdn.net/Cr1556648487/article/details/127012165
阅读全文
摘要:https://www.cnblogs.com/zhengzhijian/p/16859812.html
阅读全文
摘要:// src/router/routes.ts import type { RouteRecordRaw } from 'vue-router' const routes: RouteRecordRaw[] = [ // 文章相关的路由统一放在这里管理 { path: '/article', nam
阅读全文
摘要:路由别名配置 - alias 配置路由重定向,当用户访问/a的时候,URL会被替换/b之后匹配实际路由/b 配置路由别名,/a的别名是/b,当用户访问/b的时候,URL会保持为/b,但路由匹配为/a,和用户访问/a一样 const routes: Array<RouteRecordRaw> = [
阅读全文
摘要:访问网页主域名的时候,识别用户身份跳转到不同的首页,配置路由重定向 const routes: Array<RouteRecordRaw> = [ // 访问主域名的时候,根据用户的登录信息,重定向到不同的页面 { path: "/", redirect: () => { // loginInfo是
阅读全文
摘要:
阅读全文
摘要:计算属性具有缓存数据效果。 侦听器适用于响应数据时进行异步或开销较大的操作。 计算属性 模板内表达式简单的如果数量太多则让模板过重而且难以维护。 <div id="example"> {{message.split("").reverse().join("")}} </div> 简单需求 =》 声明
阅读全文
摘要:<!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.
阅读全文
摘要:<script> function request01() { let url = "http://jsonplaceholder.typicode.com/albums"; var param = { } return new Promise((resolve, reject) => { axio
阅读全文
摘要:参考链接: https://blog.csdn.net/A873054267/article/details/99675732?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_baidulandingword~defa
阅读全文
摘要:1、删除项目已有的node_modules和package-lock.json 2、运行npm install下载相关依赖 3、运行项目 eg: npm run dev (具体根据package.json来决定)
阅读全文
摘要:<!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
阅读全文
摘要:<!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>通过过滤
阅读全文