- 博客(27)
- 收藏
- 关注
RSS订阅
原创 vue3 Element通过v-for循环渲染的form表单验证
在我们的业务开发中，有时候会经常遇到动态v-for循环渲染出el-form-item，那么这些动态生成的el-form-item如何来进行表单验证<el-form :model="accountFormDatas" :inline="true" ref="accountFormRef" label-width="120px" :rules="rulesTwo"> <div> <el-form-item label="RFID">
2021-11-01 19:20:00
3600
3
原创 基于ts vue3 饿了么组件 表格树状图懒加载回显刷新父级或者子级问题
点击新增或者编辑弹窗时 存下父级和当前级idpid.value = scope.row.id // 当前级parentPid.value = scope.row.parentId // 父级// 点击新增编辑 或 删除const handleAddOrUpdateMenu = (type: any, scope?: any) => { pid.value = scope.row.id // 当前级 parentPid.value = scope.row.pare.
2021-10-28 11:03:42
651
原创 ajax跨域问题
跨域问题简单的说就是前台请求一个后台链接，发送请求的前台与后台的地址不在同一个域下，就会产生跨域问题。这里所指的域包括协议、IP地址、端口等。1.跨域访问安全问题后端代码：package cn.qs.controller;import java.util.LinkedHashMap;import java.util.Map;import org.apache.commons.collections.MapUtils;import org.springframework.web.bi
2021-10-11 09:07:32
4937
1
原创 vue项目实现富文本编辑器(实践用过)
实现网址: https://codepen.io/packy1980/pen/BayPrVO官网文档: http://lpreterite.github.io/vue-tinymce/#/1.下载安装yarn add @packy-tang/vue-tinymce# ornpm install @packy-tang/vue-tinymce2.下载 之后 在 index.html 中引入先将node_modules下的 tinymce 文件复制到static 下<
2021-07-30 16:17:38
4695
原创 vue-cli3+ TS 跨域配置之changeOrigin
proxyObj['/sx'] = { // 本地后端地址 target: 'http://192.168.3....', changeOrigin: false, pathRewrite: { '^/sx': 'sx' }}module.exports = { // 单位电脑 devServer: { host: '192.168.3....', port: 8888, proxy: proxyObj }}changeOrigin vue3和vue2 默认值 不一样 踩过的坑: .
2022-03-04 16:32:23
3299
3
原创 Unhandled promise rejection TypeError: WebAssembly.instantiate(): Argument 0 must be a buffe
***小程序踩过的坑***一执行事件的代码就报错不知道哪里错掉了 就上网查了一下 得到的解决方案 还真好使 0-0总之就是改下版本就好啦
2021-12-20 17:05:08
628
2
原创 vue3 + TS 实现点击按钮打印功能(vue-easy-print)
首先 npm 下载插件npm install vue-easy-print --save第二步 对应页面引入文件import vueEasyPrint from 'vue-easy-print'这可能会报错 代码检查会报一个找不到这个文件的错是因为 ts 这里的验证 找不到翻译文件 (.d.ts)所以我这网上找的解决办法就是在 src 文件下 创建一个 .d.tsdeclare module 'vue-easy-print'紧接着要创建一个 模板 (就是...
2021-12-14 16:25:44
4175
6
原创 sessionStorage存储数据和取数据
sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失打开多个相同的URL的Tabs页面，会创建各自的sessionStorage。关闭对应浏览器tab，会清除对应的sessionStorage。存储数据sessionStorage存储一条数据:sessionStorage.setItem('userName', data.userName) // 用户姓名存入浏览器sessionStorage存储多条数据:this.queryPar.
2021-12-01 16:09:26
1901
原创 TS定义数组
正常 写 = ref ([]) 这样 文件会不识别导致向数组添加元素 --- push ts找不到push方法 const arraynct: number[] = [] // 定义整数型数组 const arraynct: string[] = [] // 定义字符窜型数组 const arraynct: any[] = [] // 定义任意类型数组所以需要加上一个定义具体类型的写法...
2021-11-30 14:12:13
4182
原创 websocket 握手后台
配置文件websocket.ts/* eslint-disable @typescript-eslint/no-explicit-any */let websock: any = null // 定义websock变量// const url = 'ws://127.0.0.1:8080'const url = 'ws://192.168.3.136:8082/zygk/ws/init.ws?userId=1' // 设定链接地址// const websocketonopen = (..
2021-11-29 13:25:37
354
原创 vue3 RTMP视频流 --- 直播
VUE页面<div class="con monitor"> <video id="mymain" class="video-js vjs-default-skin vjs-big-play-centered" preload="auto" data-setup='{ "html5" : { "nativeTextTracks" : false } }'> </video> </div>.
2021-11-26 14:09:02
2742
2
原创 vue3 ts 点击加号添加一行
<div style="width: 860px; height: 130px; border: 1px solid gray; margin-bottom: 50px" v-show="addAccountForm" v-for="(item, index) in accountFormDatas.applyNeed" :key="index"> <div style="display: flex; margin-top: 10px"> <.
2021-11-01 19:24:43
1157
1
原创 element-ui的upload组件的clearFiles方法的调用
方法为清空已上传成功的图片(为了解决 :点开弹窗 然后上传图片成功之后 关闭弹窗 再次点开弹窗 会显示刚刚上传成功的图片)组件中加下面这行代码ref="upload" <el-upload action="#" list-type="picture-card" ref="upload" :on-change="onCahnge" @click="handlePictur.
2021-10-11 17:19:06
5280
5
原创 vue3写法
vue3<el-button type="danger" title="删除" @click="onDelete(scope.row.id)"></el-button>tssetup () { const { onDelete } = deleteButton(mountedSelect) // 点击删除按钮函数封装文件 // 导出数据 return return { onDelete } }引入的封装 ts ..
2021-09-01 10:56:19
733
原创 ‘.native‘ modifier on ‘v-on‘ directive is deprecated
翻译过来就是 --- 不推荐使用“v-on”指令上的“.native”修饰符因为 vue3 版本不支持这个 native 文档中也没有 (被弃用了)<!-- ✓ 正确写法 --> <el-button @click="search">搜索</el-button> <el-input placeholder="请输入搜索内容" v-model="inputSearch" @keyup.enter="search"...
2021-08-31 09:37:00
15353
转载 webpack.config.js(详解)
module.exports = { publicPath: './',//设置的就是域名根目录到项目文件根目录间的url。 outputDir: 'motorway',//打包后生成的文件目录名 assetsDir: 'static',//静态资源目录 lintOnSave: process.env.NODE_ENV === 'development',//设置是否在开发环境下每次保存代码时都启用 eslint验证。 productionSourceMap: false,//设置是否.
2021-08-05 13:53:12
3299
原创 基于饿了么组件--------项目部署后icon小图标显示成小方块 (比如导航栏箭头)
解决方法：修改项目中build/utils文件if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' }) } else { return ['vue-style-loader'].concat(loaders) }..
2021-08-05 10:39:06
593
原创 深拷贝(用法)
this.ruleForm = JSON.parse(JSON.stringify(obj))点击编辑之后 修改内容 但是没保存 页面显示部分 实时更新了解决回显问题解决之前:edit (obj) { // 编辑弹层函数 this.subType = 1 this.ruleForm = obj // 解决之前写法 (赋值) // this.ruleForm = JSON.parse(JSON.stringify(obj)) ..
2021-08-02 16:49:46
287
原创 watch事件监听三种写法
第一种 普通监听<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第二种 (immediate 属于watch自带的一个参数)第一种有一个缺点 就是当值第一次绑定的时候 不会执行监听函数，只有当值改变的时候 才会执行，如果想在第一次绑定的时.
2021-08-02 10:20:40
3532
原创 饿了么组件上传图片
handleChange (_this, file) { // 上传函数 let params = new FormData() params.append('file', file) params.append('type', 2) PostCheck.handleChange(_this, params)}// 通常饿了么自带的参数 file 传给后端就可以 如果后台需要base64 格式的 就把file转一下就好// append 是向formData.
2021-07-30 16:46:18
1624
原创 饿了么组件中的下拉框 值 不好使 (有值却无法选中)
饿了么组件中的下拉框 值 不好使 (点不了)由于值是循环出来的 层数太多可能 所以不好使 点不了解决 :出现这个问题好像是因为下拉框数据是循环调别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。写一个方法，在select的change事件中调用此方法，运用 this.$forceUpdate()强制刷新，页面正常选值。change(){this.$forceUpdate()}
2021-07-30 16:00:31
1021
原创 路由跳转 ---- 冗余导航
报错 NavigationDuplicated: Avoided redundant navigation to current location:解决方法：打开router文件夹下的index.js文件中添加如下代码：Vue.use(Router)constoriginalPush=Router.prototype.pushRouter.prototype.push=functionpush(location){returnoriginalPus...
2021-07-30 15:24:33
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人