- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue中断axios请求
描述：在我们使用axios请求时，如果接口请求过慢，我们在发第二次请求时，成功，从接口获取到的值回显在页面上，此时第一次请求的接口如果成功会覆盖掉第一次的结果，所以我们要在发相同的接口时，中断掉上一次的接口解决方案：1.全局挂载一个$httpRequestList，初始值为空数组2.请求拦截 中配置CancelToken3.utils中定义全局方法, 在需要中断的时候调用4.使用时调用方法...
2022-06-16 14:18:47
4151
1
原创 vue+element tree懒加载更新数据
使用element tree实现懒加载，更新某一节点的数据1.tree 懒加载只需要在el-tree标签上面添加lazy，load属性，load的接收是一个函数。这里贴上官网给出的方法<el-tree :data="treeList" ref="tree" class="vue-tree" lazy :load="loadNode" :highlight-current="true" :node-key="nodeKey" @node-clic
2022-05-30 16:38:55
5344
3
原创 js使用window.print()实现打印功能
js使用window.print()来实现打印功能1.首先在需要打印的内容标签上面绑定ref<div ref="tableRef"> 需要打印的内容</div><!--点击按钮打印--><el-button @click="billPrintClick" >打印</el-button>2.按钮打印事件billPrintClick() { let newstr = this.$refs.tableRef.innerHTML /
2022-05-23 11:05:33
9136
原创 点击div文字标签出现光标的问题
去掉光标有时候我们在点击div和span或者p标签时，会出现光标，但是并不是输入框，所以光标是我们所不需要的这个时候我们就不要给他去掉解决方案和原因：打开浏览器时，我们不小心按了F7，只需要按回来就行...
2022-05-16 11:27:35
3303
3
原创 vue 路由跳转传参的两种方式与区别
vue 路由跳转传参的两种方式与区别1.query传参（传参的内容会显示在地址栏上面）this.$router.push({ path: '页面的路由', query: { id: '页面传参' } })新页面取参(刷新页面参数不会丢失)：this.$route.query.id2.params传参（传参的内容不会出现在地址栏上）this.$router.push({ name: '设置路由时的name值', params: {
2021-10-18 10:14:39
516
原创 vue+Element 模糊搜索
vue+element input实现模糊搜索组件：<el-autocomplete v-model="input3" value-key="title" placeholder="请输入内容" :fetch-suggestions="querySearchAsync" @select="handleSelect"> <el-button slot="append" @click="searchHelp"> 搜 索 </el-button><
2020-12-11 16:09:35
861
原创 Vue搭配element实现动态表单，并且加验证
Vue搭配element实现动态表单，并且加验证现在我们实现一个Vue搭配element实现一个动态表单的效果，可对每一个表单项进行验证，删除。用的是element的form表单<el-form ref="addForm" :model="addForm" label-width="80px" > <div v-for="(item, index) in addForm.secondPayments" :key="item.key"> <
2020-12-11 15:59:35
574
原创 vue搭配Avue的使用方法
下载vue的脚手架npm install -g @vue/cli //全局安装vue3.0的脚手架创建项目vue create project-name下载element UInpm i element-ui -S //因为Avue是基于elementUI二次开发的所以必须要引入element UI才可以在main.js中引入import ElementUI from '...
2019-12-19 15:39:51
3961
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人