weixin_62355341的博客

原创 cocos销毁事件。当前物理事件执行完毕后 在去销毁,写法固定

/ otherCollider代表被销毁的节点。

原创 element表格table单/多选--分页需要回显勾选的数据

element表格table单/多选--分页需要回显勾选的数据

原创 中间去除空格校验

value) callback(new Error('案名称不能为空'))else callback(new Error('案名称不能含有空格'))1.有些要去除空格，.trim 是前后去除空格，2.中间去除空格的校验。

原创 vue 做复制的功能js

/这边为链接地址this.liveLink='www.baidu.com'this.$modal.msgSuccess("复制成功")以上效果 给按钮传像覅值得内容 就是e。

原创 给表格el-table加序号处理方法

可以利用分页来加<el-table-column label="序号" align="center" type="index" width="50"><div slot-scope="e">{{e.$index + 1 + (queryParams.pageNum -1)*queryParams.pageSize}}</div></el-table-column>...

原创 vue-超出一行或多行显示省略号

一定要设置宽度，当然，如果你的盒子内容就是占满一行，当我没说1，css超出一行用点表示white-space:nowrap;overflow:hidden;text-overflow:ellipsis;2，css超出二行用点表示overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; // 想要超出三行显示 就把这里改成3就好了

原创 vue-下载批量导入产品模版vue-

exportModel().then(response => {const link = document.createElement('a')let objectUrl = URL.createObjectURL(response);link.href = objectUrllink.download = '产品导入模板.xlsx' // 自定义文件名link.click() // 下载文件URL.revokeObjectURL(objectUrl); // 释放内存})

原创 vue控制台报错Duplicate keys detected：‘xxxx‘.This may canse an update error

场景：一打开页面就报这个错误，但是丝毫不影响页面和其他功能，虽然不影响使用，但是报错还是要解决的。原因就是：v-for循环里，key值重复了，key值必须是唯一的，如果重复就会报错，找到页面把 :key改为 :key="index"就好了...

原创 Vue el-menu-item实现路由跳转

场景：用了element-ui的el-menu 菜单 怎样实现路由跳转呢？1，在el-menu加上router，添加el-menu的default-active属性，加：动态绑定，值设置为"this.$router.path" ，2，将el-menu-item的index设置为路由跳转path，和route.js相对应代码：<el-menu router :default-active="this.$router.path" class="...

原创 component组件如何实现页面切换 vue3搭配typescript

我这边是因为 登录 注册 注册信息完善三个页面背景图一样 所以想到了用component组件去做页面切换。页面跳转逻辑是 登录跳转到注册 注册跳转到注册信息完善页面这是我的layout页面 通过layoutPath变量的值改变去达到切换组件的目的三个子组件通过子传父的方式调用方法clickChange去修改layoutPath的值这里是很简单但是用到了vue3+typescript 就不简单了我先了解了一下vue3中 是通过setup 中的 context属性context.

原创 TS中如何定义element自定义校验方法的参数类型

场景：一个普普通通的正则自定义，用ts怎么写参数类型呢？注：我这里用的框架是vue3+ts+element-ui1.在文件抛出 一个自定义校验方法，这个方法中有三个参数（rule，value，callback）2.定义参数类型3.在需要用到的地方引用。要用变量接一下interface Icallback { (message?: string | Error | undefined): Error | void}interface Ivalidate {...

原创 vue关闭eslint检测

我并没安装eslint，今天突然一堆报错，查了好久 有的在不同文件中设置的，最后注释掉了这个文件中管用，可以试试

原创 VUE--公共组件传值并及时监听到数据更新视图

场景：AB两个子组件在 父页面中，（我们险别估损信息为A，立案信息为B） B组件的某个值是和A组件中一样的且A组件值变化B即使监听并渲染.例如：下图总额A组件要把金额传给 B组件的估损金额框，A金额变B也变 金额已经绑定在A组件中用兄弟传值把A组件的金额传到B组件的估损金额1.兄弟组件的语法是。先建一个bus.js文件import Vue from 'vue'export default new Vue()2.在A组件中引入bus.JS3....

原创 vue--页面初始化数据怎样能及时更新到子组件

场景：点击图1--查询页的 查询结果中 “前往处理”按钮，到达图2--基本信息，绿框是根据图1--查询结果中点击的那条数据带过来的 "保单号"，"报案号"，"立案号"，那除了绿框的数据，则是 初始化时，给后端传相对应的参数，后端返回的数据展示到页面，那么，项目中 像基本信息这个模块肯定是多出复用的大多是个公共组件，那我们怎样才能在页面初始化后端返回数据时及时的传给子组件并展示呢？一。点击查询页-查询结果某条数据中 “前往处理” 按钮，跳转到详情页并把其中的“保单号”，“报案号”，“立案号

原创 element两个基本时间选择框 设置（起始-结束）时间范围

1.绑定element自带属性 :picker-pitions:picker-options="start_date":picker-options="end_date"2.写返回的时间限制,当前选择器时间time.getTime()如果大于开始(结束)时间,则其前面或者后面时间无法选择 注： 以下代码在 data中的return写！！（element提供这个属性的固定格式）3.上代码start_...

原创 【文件如何通过文件流格式上传到接口】

let formData = new FormData();formData.append("file",this.$refs.aloneUploads.fileList[0]); formData.append("uploadFile",this.$refs.myUploads.fileList[0].raw);

原创 vue2.0- 上传文件格式后缀校验--element-ui中el-upLoad组件-

1.绑定上传文件之前的钩子2.在文件上传前钩子中写校验file：自带的参数，关于上传文件的一些属性，文件name，type什么的acceptFileType：自己定义了一个支持的文件格式的数组，方便后期更改。type：为什么是file.name而不是file.type呢？就是因为有些文件type读取不到值的，name容错率更低，file.name.split(".")：字符串转数组，以 . 分隔。所以变成了['文件名','后缀']例如['简历'，'docx']...

原创 项目中下载模板功能

原创 字符串首写字母小写转大写

str = str[0].toUpperCase() + str.substr(1) str这里是字符串

原创 web端锚点链接---vue

1.通过点击触发事件 list是2.方法里 锚点+定时器1.scrollEl：是给有滚动条的元素加的id名2. .offsetTop: 是当前元素（谁 . 他谁就是当前元素）距离浏览器顶部的高度。 js原生属性3. .scrollTop : 是当前元素 滚动上去的高度3.上代码handleTabClick (item) { let height = document.getElementById(item.value).offsetTop - 8...

原创 vue正则表达式---姓名---手机号---年龄

1.加prop2.rulers3.正则表达式 写在return上面 let validateAge = (rule, value, callback) => { // console.log("value年龄的值",value,rule,callback); let reg=/^(?:[1-9][0-9]?|1[01][0-9]|120)$/;//年龄是1-120之间有效 if(value == undefined){ ca...

原创 批量删除之页面刷新------vuex数据丢失

一。今天做练习，做批量删除这个功能，multipleSelection是复选框自带的 （勾选中的数组）如果找不到就返回-1二。然后就出现控制台里 数据已经删除，而页面没删除，是因为 页面只是初始化时变量接渲染了，现在state种变化，是不会变的 所以刷新了一下三。接着刷新后 页面又重置了（vuex刷新后页面重置），然后在app中加入以下代<script> export default{ created(){...