截图 部分vue3 vue
TypeScript 学习笔记 — 自定义类型:部分属性可选，反选 key，求对象交差并补集等（十三）
上文中介绍了 对象操作的内置类型的使用，本文介绍几个基于内置类型，扩展的自定义类型，(类型名称自定义的) 将部分属性变为可选属性 实现思路：先将 name 属性挑出来变为可选的 & 除了 name 属性的 // 有时处理类型之后，对象类型结构不明显。只是简单做一个映射，并未其他意义。 type Co ......
vue之数组与对象的检测与更新
说明 MVVM会自动检测变量的变化，当变量改变，页面也会对应的变化，但是有一点需要注意，如果有一个对象增加值的时候，不能直接修改，需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
vue 手写分页
data:{ crossing_status:CROSSING_STATUS, crossing_list:[], time:null, log: { page: 1, pages: 1, total: 0, count: 20, displayPage: 5, list: [] }, select ......
Vue3.0学习（一）------Vue简单介绍
什么是Vue？ 官方原文：Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。 简单来说，Vue就是一个构建用户界面的前端框架 Vue的两个核心功能 声明式渲染 Vue基于标 ......
ant-design-vue tree 通过key递归获取该节点信息
<template> <div class="tzgl_wrap"> <a-tree :tree-data="treeData" @select="treeSelect" default-expand-all > <template slot="title" slot-scope="{ title ......
vue里浏览器返回键如何禁用
1 mounted () { 2 3 // 禁用浏览器返回键 4 5 history.pushState(null, null, document.URL); 6 7 window.addEventListener('popstate', this.disableBrowserBack); 8 9 ......
AntDesign 描述列表descriptions中内容超出部分隐藏，同时鼠标浮动显示全部
参考：https://blog.csdn.net/sdibtjf1702/article/details/121923943 效果 核心代码 <a-card title="案情简要"> <p style="font-size: 14px; color: rgba(0, 0, 0, 0.85); ma ......
vue里cdn引入改为本地js文件引用
问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入，注意生产环境才加载出来 ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
vue第七课：记事本实例
功能需求： 新增 生成列表结构 获取用户输入 回车，新增数据 删除 点击删除指定内容(v-on splice) splice(index,1) 删除1个对应的索引 统计 v-text,length 清空 数组清空 隐藏 没有数据时，隐藏元素（v-if,v-show 数组非空） <div id='ap ......
直播商城源码，vue 弹窗 惯性滚动 加速滚动
直播商城源码，vue 弹窗 惯性滚动 加速滚动 弹窗基础组件 新建文件 components/zwy-popup <template><div v-show="ishide" @touchmove.stop.prevent><!-- 遮罩 --><div class="mask" :style="m ......
vue之列表渲染v-for
简介 v-for可循环对象：数组，对象，字符串，数字 用法 需要哪个标签循环，就把v-for写到哪个标签上 v-for="xxx in 变量" 这里的xxx in是固定写法，xxx代表一个变量，比如后端的 for i in中的i字母 v-for可循环的几种变量的展示 使用v-for循环“数组，对象， ......
vue第六课：v-for，v-on补充，v-model
1,v-for指令 根据数据生成列表结构 <div id='app'> <input type="button" value="添加数据" @click="add"> <input type="button" value="删除数据" @click="remove"> <ul> <li v-for= ......
vue实现下拉加载更多
1、首先下载插件 npm install better-scroll 2、循环列表的上级，上上级分别添加属性，如图： 3、data里面添加字段 data() { return { myScroll: null, pullLoadingBottom: 0, pullLoading: false, to ......
vue第四课：v-show,v-if,v-bind的使用
1，v-show指令 根据表达式的真假，切换元素的显示和隐藏如：广告，遮罩层等 <div id='app'> <input type="button" value="切换显示状态" @click="changeIsshow"> <input type="button" value="增加年龄" @c ......
vue el-upload自定义文件列表以及自定义上传事件，导致触发自定义上传时无法上传的问题
1.自定义列表：:file-list="my_fileList" 2.自定义上传方法 3.发现当触发confirm_upload 无法执行上传 4.查看uploadFiles的列表时，status为success（猜想：实际的上传文件列表为uploadFIles ，uploadFIles=my_fi ......
vue之条件渲染
说明 “vue条件渲染指令包括v-if、v-else、v-else-if、v-show。 语法 v-if="条件1&&条件2" # 条件可以用变量+运算符号表示，&&表示and v-if-else="条件" v-else # 因为是例外，所以不需要使用条件 示例 条件格式渲染 =90">优秀 =80 ......
vue-生产环境强制开启dev-tool
由于生产环境中无法启用dev-tool，而一些问题只在生产环境中体现，所以在生产环境中调试vue，我个人认为还是比较有用的，那么怎么在 生产环境中启用dev-tools呢 ，便捷的方法 只需要在chrome商店中下载 vue force dev就好啦 cheers!!!!🍺🍺🍺🍺🍺🍺🍺 ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二，代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w ......
我的第一个项目(九) :飞机大战Vue版本塞到主页
好家伙, 这是未进行分包的vue版本的飞机大战 效果如下: 这里说明一下,大概使用逻辑是提供一个<div> 然后在这<div>中渲染游戏 游戏主界面代码如下: 1 <template> 2 <div> 3 <h1>欢迎来到主页面</h1> 4 <div ref="stage"></div> 5 </ ......
vue excel导入，导出
@GetMapping("/exportExample") @Inner(false) //public R exportExample(Integer cs,String cs2){ public void exportExample(MeterWater meterWater, HttpServ ......
vue报错OR Error:Vue packages version mismatch:- vue@2.6.14 解决方法
以下内容仅供自己学习使用 起因是npm run serve的时候报错以下内容 解决方法: 更新vue-template-compiler, 命令行输入: npm i vue-template-compiler@2.6.14(你的vue版本号) ......
公共英语语法笔记 - 部分和结构
十大词性：前六个是实词 后四个是虚词 名词：n. 表示人，事物，地点，或抽象概念的名称 代词：pron. 代替名词的一种词，分为：人称代词，物主代词，反身代词，指示代词，不定代词，相互代词（例：each other） 形容词：adj. 修饰名词，代词，表示人和物的性质，状态，特征 副词：adv. 修 ......
第四十七篇 vue - vue2 和 vue3 的对比
vue2 和 vue3 不同点汇总 1、生命周期 2、多根节点 3、Composition Api 4、异步组件 5、响应式原理 6、Teleport 7、虚拟 Dom 8、事件缓存 9、Diff 算法优化 10、打包优化 11、TypeScript 支持 生命周期 1、Vue3 生命周期 整体上变 ......
python split()截取一部分的字符串及按照指定字符或者长度 截取字符串
str = 'https://www.baidu.com/pdf/abcdefg.pdf' # 输出字符串，>>>https://www.baidu.com/pdf/abcdefg.pdf print(str) # 做为一个整体截取，>>>['https://www.baidu.com/pdf/ab ......
第四十五篇 vue - 进阶主题 - Vue 与 Web Components
Vue 与 Web Components Web Components 是一组 web 原生 API 的统称，允许开发者创建可复用的自定义元素 (custom elements) Vue 和 Web Components 是互补的技术。Vue 为使用和创建自定义元素提供了出色的支持。无论你是将自定义 ......
第四十六篇 vue - 进阶主题 - 动画技巧
动画技巧 Vue 提供了 <Transition> 和 <TransitionGroup> 组件来处理元素进入、离开和列表顺序变化的过渡效果。但除此之外，还有许多其他制作网页动画的方式在 Vue 应用中也适用。这里我们会探讨一些额外的技巧 基于 CSS class 的动画 对于那些不是正在进入或离开 ......