- 博客(26)
- 收藏
- 关注
RSS订阅原创 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
372
原创 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
1022
原创 递归处理实际问题
今天收到一个需求，树形组件展示，用的是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
226
原创 动态组件使用
实现的效果如下像这样的可以使用动态组件，可以避免继续加路由。贴代码第一步先创要展示的页面第二步创 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
5319
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关注的人