接口axios vue all
API接口：查询企业联系人邮箱及相关信息
查询企业联系人邮箱API接口是一种非常实用的API接口，它可以帮助我们快速获取企业联系人的邮箱地址。这个接口可以在各种需要进行营销活动或者联系客户的场合中使用，例如邮件广告、市场调研等。 这篇博文将详细介绍这个API接口的原理和功能，并提供示例代码来演示如何使用这个接口。 一. API接口原理 查询 ......
使用vue在移动端显示树状多选功能
最近的项目要求是做一个树状的多选功能，然而该项目是使用vant4作为前端的框架，vant4只有树状单选，没有多选的，那只能自己写一个了。 借鉴博主 https://blog.csdn.net/m0_68428581/article/details/130641982， 我将他的代码转成了vue3的语 ......
程序员福利各大平台免费接口非常适用
电商接口 京东获取单个商品价格接口: http://p.3.cn/prices/mgets?skuIds=J_商品ID&type=1 ps:商品ID这么获取:http://item.jd.com/954086.html 物流接口 快递接口: http://www.kuaidi100.com/quer ......
HTML input date All In One
HTML input date All In One
input type="date"
......
在vue中使用XLSX库实现Excel的导入导出
XLSX库是个十分强大的利用前端js处理excel文档的库，官网：https://www.sheetjs.com/ vue中安装即使用： 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Vue学习笔记（十）：全局事件总线
之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据，这种方式在只有一层嵌套层时可以使用，但是路过存在多层嵌套，多层多个“兄弟”组件之间传递数据，就非常麻烦。对此，vue中提供了一种全局事件总线机制，数据传递是通过一个空的Vue实例作为中央事件总线，通过它来触发事件和监听事件，可以实现几... ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
宝藏AI绘画工具，国内能打开使用Midjourney接口，无限制数量，新手免费体验！
前言 自从AI火了之后，各式各样的 AI 网站和工具层出不穷，像是比较出名的 ChatGPT、Midjourney、Stable Diffusion 等，全网几乎都在聊。 网上超级多的博主打着免费的幌子推荐各种杂七杂八的AI网站，结果都是收费的而且有些还打不开，巨坑！！！ 下面我给大家分享宝藏AI网 ......
Postman接口测试
编写代码之前需手动提前创建并选择对应的环境！！！ postman使用的是js语言 1、自动关联数据 描述：接口A的请求参数依赖于接口B的响应数据 例如：接口调用需要登录校验，需要先调登录接口拿到token/cookie 解决方法： ①从接口B的响应数据中提取关联数据，保存关联数据在公共容器中 pm对 ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
22 axios和axios拦截器
1. axios 由于jquery有严重的地狱回调逻辑. 再加上jquery的性能逐年跟不上市场节奏. 很多前端工程师采用axios来发送ajax. 相比jquery. axios更加灵活. 且容易使用. 更加美丽的是. 这玩意是用promise搞的. 所以更加贴合大前端的项目需求. 来吧. 上手试 ......
Java8新特性之接口的默认方法和静态方法（四）
1. 背景介绍 在Java8之前，接口中定义的方法都是抽象方法，即默认都是被public abstract修饰的；但从Java8开始，允许在接口中定义带有方法体的默认方法和静态方法； public class InterfaceTest { public static void main(Strin ......
【vue2】实现css动效逐个顺序展示的效果（简陋版）
效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）： 虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地） 首先是台阶部分的代码： <div :class="$style.reser ......
Java8新特性之函数式接口（二）
1，函数式接口介绍 前言：由于Java8中引入了lambda表达式语法，但该语法需要配合一种特定的接口才能使用，由此产生出了函数式接口； 函数式接口指有且仅有一个抽象方法（由Object对象继承的方法不算）（但可以有多个默认方法和静态方法）的接口，当这样的接口在作为方法参数时可以隐式的转换为lamb ......
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址，直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 （1）报错一 （2）报错二~ 1.1问题分析 首先，检查代码，并没有什么错误的地方；其次，涉及到这个问题，可能就 ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库，还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3，从而在浏览器里实现所有调试功能。但实际项目中，使用专门调试工具。在项目上线之前，代码也需打包压缩，并考虑到研发效率和代码可维护性，所以在下面，需建立一个工程化项目实现这些功能。 工具 V ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{}，会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
SAP PO7.5 有关https 接口body编码格式 application/x-www-form-urlencoded
近期项目中，在PO中做接口 遇到OAUTH2.0认证方式，token获取过程中编码格式为 ”application/x-www-form-urlencoded“ 实现过程错误记录： 经过工具测试发现他的提交内容是通过key1=value1&key2=value2 在请求头中发送的，想在PO中通过Ba ......
接口和抽象类
抽象类和接口都是Java中用于实现多态的机制，它们的相同点和不同点如下： 相同点： 都不能被实例化，只能被继承或者实现。 都可以包含抽象方法，子类或者实现类必须实现这些抽象方法。 都可以被用于实现多态。 不同点： 抽象类可以包含非抽象方法，而接口只能包含抽象方法。 子类只能继承一个抽象类，但是可以实 ......
Go接口 - 构建可扩展Go应用
本文深入探讨了Go语言中接口的概念和实际应用场景。从基础知识如接口的定义和实现，到更复杂的实战应用如解耦与抽象、多态、错误处理、插件架构以及资源管理，文章通过丰富的代码示例和详细的解释，展示了Go接口在软件开发中的强大功能和灵活性。 关注【TechLeadCloud】，分享互联网架构、云服务技术的全 ......
vue3.2+ts报错：找不到模块“./App.vue”或其相应的类型声明。
解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）加入下面内容： declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数，以支持更高级的组件功能和配置，这些包括： data：data选项用于定义组件的响应式数据。这些数据将被Vue追踪，以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods：metho ......
vue2 父传子，子传父
在Vue 2中，使用props来从父组件向子组件传递数据，而要从子组件向父组件传递数据，通常需要使用自定义事件。关键字分别是： 从父组件向子组件传递数据（父传子）： props：可以在子组件中使用props来接收父组件传递的数据。在父组件中，使用子组件标签的属性来传递数据。 示例： <!-- 父组件 ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
使用httpclient实现后台通过接口上传文件
请求端： var upurl = Config.GetValue("fileupUrl"); HttpPostedFile file = files[0]; MemoryStream memoryStream = new MemoryStream(); file.InputStream.CopyTo ......