- 博客(46)
- 收藏
- 关注
RSS订阅原创 echarts开发技巧
series[0].label.show = 'true'：是否显示图上面的值。dataZoom是ECharts中的一个组件，用于实现数据区域缩放功能。一组数值以及他们映射成的图。' 时，指示线显示为。相关的行为，必须引入。' 时，指示线显示为。
2024-04-28 17:27:17
436
原创 使用vant list实现订单列表，支持下拉加载更多
在公司项目开发时，有一个需求是实现可以分页的订单列表，由于是移动端项目，所以最好的解决方法是做下拉加载更多。
2023-11-17 10:36:20
1496
原创 vue使用JsBarcode生成条形码
这是由于生成条形码时，节点还未创建，读取不到 id 为 barcode 的节点。解决这个报错的方法就是使用 this.$nextTick方法。this.$refs.a.src的值为条形码的地址。在script标签中引入。
2023-11-03 17:27:59
786
原创 vuex-persistedstate让vuex数据持久化
1.安装vuex-persistedstate。3.使用vuex-persistedstate。2.在store/index.js中引入。
2023-04-06 15:28:35
436
1
原创 Vue3使用富文本框（wangeditor）
2.配置wangeditor组件（src/components/wangeditor.vue）毕业涉及中使用到了富文本框，所以学习使用了wangeditor富文本框，现进行总结。
2023-03-30 16:45:04
3723
1
原创 Animate.css的安装与使用
当滚动条滚动到大于该位置时，触发该动画。为防止滚动到大于该位置后动画重复展示，所以还要设置一个变量值为true，当滚动到大于该位置时，判断该变量的值为true时开始动画，然后设置该变量值为false，再向下滚动时，由于该变量的值为false，所以不能展示动画，避免了重复展示。当向上滚动到小于该位置时，设置该变量值为true，当第二次滚动到该位置下时，仍然能展示动画，同时，要设置该需要动画效果的模块不显示。
2022-08-19 15:49:18
922
原创 ant design导航栏和视图分离
导航栏：@click事件改变selectedKey的值，然后使用三目运算符控制的type，实现点击改变按钮样式。视图栏：用v-if判断selectedKey的值来匹配导航栏选择的选项，然后呈现相应的结果。
2022-08-19 11:56:23
200
原创 Enter触发键盘按下事件
e.ketCode!==13每一个按键都有属于自己的按键编码，Enter的按键编码为13。@keyup.enter="enter在键盘事件上追加enter事件修饰符。
2022-07-24 09:18:50
1286
原创 filter实现文章搜索
1.实现搜索框和搜索按钮<el-col> <el-input style="width: 300px;" placeholder="请输入文章id" class="input-with-select" v-model="query" clearable @clear="getArticle" > <template #append&g
2022-05-05 11:37:50
208
原创 element-ui的按需导入
1.安装babel-plugin-component:npm install babel-plugin-component -D2.在babel.config.js中修改module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env",{"modules": false}], ], plugins: [ [ "comp
2022-04-22 15:36:22
1333
原创 el-dialog的取消重置数据操作，登录时表单全部校验
1.在<el-dialog> 标签中绑定关闭触发事件<el-dialog v-model="editDialogVisible" title="修改用户" width="40%" @close="editDialogClosed">2.在<el-form>标签中添加ref属性<el-form :model="editForm" ref="editFormRef" label-width="80px">
2022-04-19 17:38:09
327
原创 全局配置axios请求
1. 下载axiosnpm i axios -S2.在main.js中导入axiosimport axios from "axios";3.在main.js中配置axios.defaults.baseURL = 'http://xxxxxxxxx'axios.interceptors.request.use(config => { config.headers.Authorization = window.sessionStorage.getItem('token'
2022-04-19 17:30:09
629
原创 element-ui自定义规则
我们在表单中使用表单验证时，一般在<el-form></el-form>标签中添加“ :rules="xxx"”来绑定验证规则，<el-form :model="addForm" :rules="addFormRules" ref="addFormRef" label-width="100px"> <el-form-item label="用户名：" prop="username"> <el-input v-...
2022-04-16 15:52:51
1437
原创 路由返回上一步
1.引入路由import { useRouter } from 'vue-router'2.创建路由对象const router = useRouter()3.在模板中绑定事件<div class="left" @click="goBack"> <solt name="left"> <a><</a> </solt></div>4.实现方法const go
2022-04-15 08:19:45
863
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人