Vue
山空响不散
小菜鸟一枚
展开
-
ts json的中boolean布尔值或者int数字都是字符串,转成对象对应类型
json中都是字符串,转换一下就好,简单来说就是转换一次不行,再转换换一次,整体转换不够,细分的再转换一次。这是vue中 ts写法 ,我这里是拿对象做对比,不好字符和对象做对比,转换成一个层级对比。原创 2023-10-23 10:18:19 · 344 阅读 · 0 评论 -
解决antd vue ts v-model:value绑定Boolean布尔类型爆红但可以使用
当我们需要使用Boolean布尔值来进行下拉框双向绑定时会爆红,需要在value后面加上prop就好了v-model:value.prop在 antd vue中需要用到对应的类型转换,v-model后面补一个value来表明类型,但这也是默认类型,并不是指定类型默认是(property) value?: string | number | undefined字符,数字,空类型原创 2023-09-26 16:08:07 · 1107 阅读 · 0 评论 -
Vue3 router路由跳转传参Json数据,隐藏参数Url不显示跳转内容,使用History 来写,setup语法糖的写法
params传参接收为空,query可以用但不能用隐藏Url地址内的值,隐藏参数Url不显示跳转内容,用History Api来写,这个相当于history模式父级调到子集后,子集访问历史查到的这个数据,省略了Url显示和刷新不存在的的问题。2. JSON.parse(history.state.data)接收时也需要转换一下。query可以用但不能用隐藏Url地址内的值,所以我们用History来写。3.router.push中的 state 必须是这个名字,不能用query。原创 2023-05-15 15:15:00 · 4317 阅读 · 3 评论 -
SignalR实现简单的Web端实时通讯,跳过WebSocket验证,Swagger加锁后不能访问接口,Script setup不支持动态绑定
SignalR实现简单的Web端实时通讯,.Net C# Web实时通讯,跳过WebSocket验证,Swagger加锁后不能访问接口 1. Swagger加锁后不能访问接口 (看第三步) 2. 跳过WebSocket验证 (看第四步里面) 3. 添加自定义接受方法 (看第四步) 4. 不能使用 这个写法,数据不能绑定,它不支持动态绑定原创 2023-04-28 13:02:36 · 1107 阅读 · 0 评论 -
vue3+Ts+Vite+ElementPlus+Axios+Router+Pinia 创建过程以及会出的错误
vue3+Ts+Vite+ElementPlus+Axios+Router+Pinia 创建过程以及会出的错误引用组件红色波浪线错误,vue3没有this所以不能全局挂载引用,actions不能传参数原创 2022-11-11 17:24:37 · 827 阅读 · 0 评论 -
前端权限,js权限校验,vue里面单个多个权限设置
新建一个Js文件const permissions = { //声明一个只读的常量,不能修改 (似数据库名) resources:{ //常量里面的字段名, (似数据库表名) 企业 : "101", //字段 (似表内字段) 个人 : "102", 管理 : "103", }, operations:{ 浏览 : "00", 维护 : "01", }, ha原创 2022-05-12 14:26:09 · 427 阅读 · 0 评论 -
前端随笔:把组件或者元素变成弹窗或者浮动元素
position:absolute;z-index:999;<div style="position:absolute;z-index:999;"></div>原创 2022-01-19 12:30:00 · 206 阅读 · 0 评论 -
Vue预览打印pdf和图片文档需要传多个值到后端,返回的文件流类型为blob,Post请求乱码报错,Get请求错误或者未接收到值
前端要传多个值到后端来输出一些东西1.post请求返回回来乱码并且不能正确生成2.get请求没有反应后者后端接收不到值答案:数组转字符串往后端传前端: this.axios.get("api/xxx/xxx",{params:{id:this.Data.join(',')},responseType:'blob'}) .then((res)=>{ }); }).catch(() => {});后端 public asyn原创 2021-12-08 16:46:18 · 362 阅读 · 0 评论 -
删除替换插入数组集合指定位置和splice和slice区别
splice和slice区别splice会改变原数组返回一个新数组,slice不会改变自己splice很强大slice slice是只留下指定长度内的数据 例子: arr=this.data.slice(开始位置,结束位置)里面都是数字splice删除: 删除指定开始到结束位置的内容 arr=this.data.slice(开始位置,结束位置) arr=this.data.slice(2,5) 删除第二条到五条原创 2021-11-12 15:55:58 · 498 阅读 · 0 评论 -
Tab键跳往下一个输入框,并给输入框排序
上述情况就不行,从以上来看第三下会跳到找回密码这里一般不需要设置,默认从上到下循序来在代码里面加上tabindex="0"数字代表顺序而tabindex="-1"代表不存在,Tab不会跳到这里原创 2021-11-05 14:19:51 · 713 阅读 · 0 评论 -
Request failed with status code 500以及自引用循环Self referencing loop detected for property ‘xx‘ with type
错误Error: Request failed with status code 500 ,调试前端没问题,后端也没问题,还报错“连接超时” 在Network中找到错误Self referencing loop detected for property ‘xxxx’ with type当我们后端调试一步一步调试也没发现错误在哪里,但是跳转到前端就报错了。前端没有接收到后端传过来的数据,总结了一下:前端接收问题前端就是接收字段名以及类型问题 比如:nAmE,names,name:0,name:[]等原创 2021-10-27 14:55:38 · 8598 阅读 · 0 评论 -
VUE调用子页面弹窗或组件弹窗,关闭弹窗刷新父级页面主页面,通过this.$emit来实现
Vue 用this.$refs调用子页面窗口,关闭窗口用this.emit刷新父页面this.$emit是父级向自己传值第一步在父级页面创建自己页面的引用<template> <div> <edit ref="edit" @refresh="search"></edit> //@refresh 这个命名可以自己改,edit是你子页面名字 ,search是我的方法名,ref就是我调用子页面弹窗的名字 </div></t原创 2021-10-14 10:20:33 · 9426 阅读 · 0 评论 -
Vue el 使用el-checkbox-group复选框进行单选框操作
让复选框进行单选框操作el-checkbox-group这个组件与其他复选框不一样,我当初也是半天不知道怎么操作页面使用v-model绑定 size就是等比例缩小放大,v-ror循环应该看的懂。重要的是@chage到我们写的类 <el-checkbox-group v-model="checked" size="medium"> <el-checkbox-button v-for="city in cities" :label="city" :key原创 2021-09-30 15:57:14 · 9568 阅读 · 1 评论 -
Asp.Net Core传文件到Vue前端,传递application/octet-stream类型文件流到前端
asp.core往vue前端传application/octet-stream类型文件流题外话:当传递文件流时要确定文件流的类型,但也有例外就是application/octet-stream类型,主要是只用来下载的类型,这个类型简单理解意思就是通用类型类似 var 、object、array 这样什么都可以存的类型,我当前是excel表格也可以使用excel类型的流”application/vnd.openxmlformats-officedocument.spreadsheetml.sheet“这个原创 2021-09-30 15:16:31 · 2526 阅读 · 0 评论 -
Vue接收Asp.Net Core传递的文件并下载,接收application/octet-stream类型文件流并下载
vue接收后端传过来excel表格的文件流并下载题外话:当接收文件流时要确定文件流的类型,但也有例外就是application/octet-stream类型,这个类型简单理解意思就是通用类型类似 var 、object、array 这样什么都可以存的类型,传到前端就是一堆文字没有类型需要指定(后面说)首先要先看看后端传过来的是一些什么东西,要是传过来就不对那不是花冤枉功夫改这是传过来正确格式也就是可以接收的格式(个人理解可能不对请纠正)下面这种时错误的格式,但不是数据出错,是类型。上面说了这是一个通原创 2021-09-30 14:49:56 · 4474 阅读 · 0 评论 -
Vue 报错Error in render: “TypeError: Cannot read properties of null (reading ‘xxx’)” found in
前端vue报错 [Vue warn]: Error in render: “TypeError: Cannot read properties of null (reading ‘name’)” found in这个错误是不能加载属性为null的类型 我用了一个笨办法,把页面上的null值都ctrl+f标注出来然后都修改成0(0方便写点),然后我发现当前页面的错误并没有改变,最后我定位到了错误再我调用的子组件里面,我调用的是一个弹窗当我把这个引用删除的时候就不报错了,也就是说我引用的时候出现了错误原创 2021-09-30 11:49:46 · 57577 阅读 · 6 评论 -
Vue报错 type check failed for prop “xxx“. Expected String with value “xx“,got Number with value ‘xx‘
vue报错 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "4", got Number with value 4.欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不原创 2021-09-30 11:31:27 · 21700 阅读 · 0 评论