- 博客(26)
- 收藏
- 关注
原创 vue3 ts 赋值问题
假如编辑后,新建的时候需要空白表单,可以在关闭表单的时候赋值即Obj.assin(oageForm,clone(articleInfo))Article是1articleInfo是2pageForm是表单的model。对象用Obj.assin(oageForm,clone(articleInfo))2.创建一个含该接口的对象。array用splice。...
2022-07-25 22:36:29
2354
原创 js 变量 以及指针问题
js中有两种变量,基本变量和引用变量基本变量就是数字,字符串等,基本变量赋值就是相当于深克隆let num = 1let num1=numconsole.log(num==num1); //truenum=10console.log(num1);//1引用类型有对象,数组等创建一个引用对象 const obj = { name: "giao" }; let obj1 = obj; console.log(obj == obj1); /
2022-05-26 22:55:54
371
原创 vue excel文件导出
import { saveAs } from "file-saver"; exportData(datas).then((res) => { const blob = new Blob([res]); const filename = "导出" + ".xlsx"; saveAs(blob, filename); });装一个包,然后把请求回来的数据按照上面的格式写即可...
2022-05-06 09:33:45
389
原创 v-if v-show 区别 与应用
先说结论,v-if的内部操作时销毁--重新渲染,v-show是用dispaly:none隐藏应用这个是用v-if的代码以及展示效果以下是v-show的此时v-if1是dispaly:none 则v-if2的左边框没有填充上去用v-if试验很完美!...
2022-05-06 09:28:10
77
原创 elementUI 表格刷新后保持行高亮显示,以及翻页时回到顶部
第一步:点击的时候,把该行的值,赋值到currentRow。第二步:highLightRow() {if (this.currentRow === null) return;for (const item of this.tableList) {if (item.ID === this.currentRow.ID) {this.$refs.archivesTable.setCurrentRow(item);}}},第三步:在更新表格的数据的成功回调函
2022-04-24 14:40:08
2086
原创 el-input无法输入bug
在el-input标签中添加@input=“change($event)”去实现此change(e)方法,效果为强行刷新视图change () {this.$forceUpdate()},
2022-04-11 11:35:22
189
原创 vue axios 实时上传进度显示
封装的axios中要用这个 onUploadProgress由于我不太会在axios中传值出去,于是我放到了要使用的页面中实际效果 ,上传了420个文件
2022-03-25 09:06:07
1518
原创 解决input file change文件上传只执行一次
这样写的。出现bug的情况是:当我点开一个上传文件的时候可以正常上传,点开第二个的时候如果是上传相同的东西,则上传页面什么都不显示。如果换一个文件就可以。原因可能是因为@change的event没有发生改变,所以没有上传成功,我们需要把file的值清空,操作如下:...
2022-03-23 16:44:21
1021
原创 递归处理实际问题
今天收到一个需求,树形组件展示,用的是vue-treeList组件,这个组件展示需要数据里面有id的,但是后端给的数据是没有id的。而且要我们拼接label,就比如父的label是1,子的label是2,要求子返回1/2这样的数据。如果子里面还有个子的数据是label3,那子的子就是要展示1/2/3这样现贴代码:我的思路是这样的:先创一个新值接收新值,然后先循环第一层,循环第一层的时候给他们加一个id,这个id存在data中,每次自增1,然后可以给对象里面增添一个新的属性,叫他test,假如
2022-03-18 20:19:21
224
原创 动态组件使用
实现的效果如下像这样的可以使用动态组件,可以避免继续加路由。贴代码第一步先创要展示的页面第二步创 component切记切记:is后面的对应关系一定要放在computed中第三步,找对应关系,判断转哪个页面...
2022-02-19 22:33:39
151
原创 element UI 走马灯使用
先贴一个官方的贴一个我写的在原有的基础上,删了官方的左右箭头,自己换了个,然后底部的切换从条形换成点状1.如何更换官网原来的切换箭头:先给el-carousel增加一个ref,然后自定义按钮图片和内容,给按钮绑定事件,调用next/prev即可调用的函数中官网有写的。2.把底部的条状更换,换成自己想要的形状,以及实现实时更换效果 首先加indicator-position="none",就会去除原来的样式,其次自行增加想要的效果。实现实时更换...
2022-02-17 22:23:17
5317
9
原创 关于vue-router的想法
router就是用来做无刷新页面的。打开大家晚上都会听的某云音乐,可以看到,当你点击发现音乐,我的音乐,关注的这些的时候,页面是不会刷新,但是会跳转到相应的页面,这就是路由的作用(个人见解)图片中顶部导航栏可以说是固定的,因为你点开我的音乐,点开关注,都是会显示这个头部导航栏,这个时候就可以使用路由。下面非固定的,会变化的,会随着点开我的音乐,关注,而变化的内容,这些就可以设定为router-view路由有分级路由的。先说一下一级路由,一般一级路由就是登录页或者是首页
2022-02-15 21:59:12
192
原创 多文字中间的竖杠去除
例如这样,我们需要去除最后一根竖线。我们来看一下代码,我是写在span中的,没有写在css伪类中最后的处理办法:<span class="line" v-show="index !== title.length - 1">|</span>逻辑:使用v-show去关闭最后一根竖线。因为index是从0开始的,但是title的length是从1开始的,title的length最后一个对应的是5,而index中则是0-4,所以每次判断的结果就是0 != 4 , ...
2022-02-12 21:31:59
750
原创 选择时,如何根据选择不同的选择,去触发css样式
触发的小爱心css样式,可以用v-show,获取到当前的活跃路由$route,然后和当前点击的路由判断即可。完整代码:所遍历的data数据
2022-02-12 20:09:48
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人