接口axios vue all
vue中van-picker的选项插槽使用方法
van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现,在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行,选中第一 ......
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了,一开始以为时v-for的key重复了,后来发现不是。 又以为时v-model绑定的数据不是响应式的,发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步: 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步:在封装好的接口方法中加入cancelToken配置属性 ......
Required request body is missing: 前端接口报错错误解决
前几天遇到一个报错:Required request body is missing; 经过检查是因为在传递参数时使用params来传递的。 而使用params来传递参数会被拼接到url上不管是get还是post请求,这时候请求体也就是body是不存在的。 所有后端在获取参数时会报request b ......
vue中设置input输入框的值为正整数,不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。 如果将对象分配为 ref 值,则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象,会自动解包。 <template> <d ......
vue+element-ui+springboot实现修改当前登录用户的信息
正文:话不多说,直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
在Vue中发起axios请求成功,却被catch捕捉返回Network Error
前端发起请求成功,后台接收处理返回,却被axios的catch捕获,没有走then函数。 最后添加了headers配置成功解决,如上,附上axios接口配置中文文档:axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案:(虽然CSDN饱受诟病,对于初入行 ......
@Service注解为什么不能使用在接口上
@Service注解为什么不能使用在接口上,而是写在实现类上 这个问题从开始学习就有关注,但是一写@Service注解就会想到,不知道为啥要写在实现类上,好记性不如烂笔头,记录一下。 接口中只有抽象方法、默认方法、静态方法,不包含构造器,不能实例化。而@Service标注这是一个spring管理的b ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的,而不是写死的,那么这种class写法不行了,得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
attention is all you need --->> transform
经典图: 复现的github链接 https://github.com/jadore801120/attention-is-all-you-need-pytorch 注释的代码全集: https://download.csdn.net/download/yang332233/87602895 /at ......
vue+element 下拉框选择加搜索并且列表选项带图片
子组件代码: <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
patch npm node_modules & patch-package All In One
patch npm node_modules & patch-package All In One
如何安全地修改 node_modules 下的第三方 package 中的代码
如何安全地给 `node_modules` 下的第三方 package 打补丁
patch-package 实现原理剖析... ......
限制左键拖拽图片阴影vue
<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
一统天下 flutter - dart: 类(抽象类,接口,继承,混入,扩展方法)
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - dart: 类(抽象类,接口,继承,混入,扩展方法) 示例如下: lib\dart\class2.dart /* * dart 类(抽象类,接 ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
vue3
一、简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
vue核心原理(Diff算法、虚拟dom)
核心原理&源码 Diff 算法 这里参考大佬文章:https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom,以及 snabbdom(被整合进 vue 2 ......
vue-element-template去除登录
一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template改为从后台获取菜单
一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......
django-rest-framework-从零开始-10-自动生成接口文档drf-spectacular的使用
django-rest-framework-从零开始-10-自动生成接口文档drf-spectacular的使用 1、前言 我们和前端对接,或者其他同事对接,需要一个API文档,这里对于drf项目,推荐使用drf-spectacular这个第三方库来进行生成。以后就不用每次修改代码都修改自己写的AP ......
axios与Fetch
axios 1. axios是什么 axios是一个基于Promise的HTTP库,可以用在浏览器和node.js中(第三方Ajax库) 第三方Ajax库 axios中文文档|axios中文网 | axios (axios-js.com) 2.axios的基本用法 引入axios Fetch 1.F ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
Solon2 接口开发: 了解 LoadBalance
上一文的代码 HttpUtils.http(sevName, ctx.path()) (来自 "solon.cloud.httputils" 插件的工具类),内部是通过 sevName 获取对应服务负载均衡,并最终获取服务实例地址。内部接口调用: //根据服务名获取“负载均衡” LoadBalanc ......
Solon2 接口开发: 分布式 Api Gateway 开发预览
建议使用专业的分布式网关产品,比如: nginx apisix [推荐] k8s ingress controller 等... 对 Solon 来讲,只有 Gateway:它调用本地接口时,则为本地网关;调用远程接口时,则为分布式网关。 1、一个简单的分布式接口网关效果预览 基于上一节的 ApiG ......
使用PHP请求ChatGPT聊天接口
<?php set_time_limit(0); // ChatGPT API endpoint // $url = 'https://api.openai.com/v1/engines/davinci-codex/completions'; $url = 'https://api.openai.c ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
Jmeter进行https接口测试(导入证书、接口设置)
1、jmeter中新建https请求,要注意,是https协议、443端口; 2、把接口需要的HTTP信息头管理器、CSV 数据文件设置、查看结果树、用表格察看结果,元件名称我自己做了相应修改,你们不需要用到的元件不用添加,如CSV 数据文件设置; 值得注意的是,因为我是以json格式提交的参数,所 ......