效果echarts项目vue
vue第八课：axios库的使用
axios功能强大的网络请求库。 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 基础使用： axios.get(地址?key=value&key2=values).then(function(response){} ......
WPF 控件设备TopMost =true,插拔USB引起触摸点击无效，但鼠标有效果
WPF项目中，常状置前的菜单， 控件设备TopMost =true,插拔USB引起触摸点击无效，但鼠标有效果， 怀疑是抢焦点，虽然还是置顶状态，但没有了焦点引起了触摸点击失效,( 如果不设置TopMost =true 不会出现此故障) protected override void OnDeacti ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
vue3快速上手
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
vue之数组与对象的检测与更新
说明 MVVM会自动检测变量的变化，当变量改变，页面也会对应的变化，但是有一点需要注意，如果有一个对象增加值的时候，不能直接修改，需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value ......
vue3中 toRefs和 toRef 的区别
toRefs 是为了避免对一个响应式对象解构的时候，解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性，从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意：toRefs只能对第 ......
vue 手写分页
data:{ crossing_status:CROSSING_STATUS, crossing_list:[], time:null, log: { page: 1, pages: 1, total: 0, count: 20, displayPage: 5, list: [] }, select ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
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 ......
vue里cdn引入改为本地js文件引用
问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入，注意生产环境才加载出来 ......
之前练手使用基于gin的go web项目
目录结构： `-- demo |-- cmd | |-- api.go | `-- root.go |-- common | `-- consts | `-- consts.go |-- config | `-- viper.go |-- config.toml |-- go.mod |-- go. ......
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 ......
实战项目-美多商城(五)全文检索
商品搜索需求 当用户在搜索框输入商品关键字后，我们要为用户提供相关的商品搜索结果 实现 可以选择使用模糊查询like关键字实现(效率极低,多字段查询不方便) 全文检索方案 引入全文检索的方案来实现商品搜索 全文检索即在指定的任意字段中进行检索查询 全文检索方案需要配合搜索引擎来实现 搜索引擎原理 搜 ......
直播商城源码，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!!!!🍺🍺🍺🍺🍺🍺🍺 ......
idea启动spring项目
原文连接：https://blog.csdn.net/w_t_y_y/article/details/100337840 一、没有安装tomcat： 1、点击 进入： 2、点maven，点击左上角+号： 配置spring项目： （1）在parameters的command file中输入： org. ......
《操作系统原理、实现与实践》实践项目5&6：信号量&地址映射与共享
教员布置的操作系统的第一个大作业，其中有一些知识相对而言比较重要，包括一些操作过程都具有重复实验的价值；所以写一个blog记录一下，方便一下以后重复这个大实验或是复现。 分为三个部分：实验环境的配置、实验5的实现、实验6的实现。 实验环境的配置： KylinOS应该是可以实现的，实现的原理同我下面所 ......
golang开发需要掌握的核心包以及中间件，涵盖项目的各个领域，值得收藏
golang开发需要掌握的核心包以及中间件，涵盖项目的各个领域，值得收藏。 常用包常用包 说明fmt 实现格式化的输入输出操作，其中的fmt.Printf()和fmt.Println()是开发者使用最为频繁的函数。io 实现了一系列非平台相关的IO相关接口和实现，比如提供了对os中系统相关的IO功能 ......
springboot项目图片不显示的问题
首先确认你的图片路径是对的 那么大概率就是浏览器缓存的原因，因为页面直接用的是缓存的旧数据，所以显示不出来。 再不修改浏览器设置的情况下，最简单的办法就是直接项目在pom.xml文件里引入devtools 如下： <dependency> <groupId>org.springframework.b ......
java项目 宿舍管理系统 (源码+数据库文件+1w字论文+ppt)
java项目 宿舍管理系统 (源码+数据库文件+1w字论文+ppt)技术框架:java+springboot+vue+mysql后端框架: Spring Boot、Spring MVC、MyBatis Plus前端界面: vue、BootStrap、jQuery、ajxs 系统共分为三种用户系统主要 ......
springboot项目图片不显示的问题
首先确认你的图片路径是对的 那么大概率就是浏览器缓存的原因，因为页面直接用的是缓存的旧数据，所以显示不出来。 再不修改浏览器设置的情况下，最简单的办法就是直接项目在pom.xml文件里引入devtools 如下： <dependency> <groupId>org.springframework.b ......