- 博客(38)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 二次封装的天气时间日历选择组件
userStore.badgeDate是VUEX全部存的日历数据。vuex示例 是在获取了用户信息之后 调取日历的接口数据。这个接口没调通 没有数据展示~
2024-11-21 20:11:03
531
原创 输入框验证与处理文档
本文档描述了如何使用JavaScript和Vue.js（通过Element UI组件）来实现一个具有输入验证功能的数字输入框。该输入框允许用户输入正数、负数以及小数，并在输入无效时自动回退到上一次的有效值。此外，还处理了在输入框失去焦点（blur）时的特定情况，确保输入值的合法性。
2024-09-12 17:38:17
735
原创 vue3 动态el-table表格 动态数据 新增修改删除的简单判断
【代码】vue3 动态el-table表格 动态数据 新增修改删除的简单判断。
2024-07-26 16:09:08
572
原创 element plus calendar 自定义排班值班日历样式（vue3）
vue2也差不多 把template插槽写法换一下就可以完全复用。
2023-05-11 10:37:57
3081
3
原创 关于解决监听F11全屏的监听思路
弄了好久的screenfull插件啊 keydown啊之类的监听 各种bug层出不穷 F11只能监听到第一次 改变retunvalue为false 再添加别的方法控制变量啊什么的 就不行了 就如下图这种哈 完全没有用。那么全屏和解除全屏的时候 div的高度肯定有变化 那么我们就直接监听div的高度变化来达到监听就行了。然后换了一个思路去解决 因为页面有些div的高度是自适应的百分比写法。
2023-03-08 13:50:46
926
原创 vant list 下拉刷新 上拉加载
注意 list van-pull-refresh van-list 的高度。上拉加载不生效 经常出bug 大部分是样式高度问题。
2022-11-07 15:31:27
1127
原创 vue2 H5页面 调取安卓和IOS方法的记录总结
IOS就复杂一些 需要先挂载之类的 为了避免忘记再次踩坑 复习一下之前已经上线的项目。为什么要写这篇呢 是因为在vue环境下安卓和IOS方法的交互不一样。安卓我们在vue页面直接调取就可以获取到需要的信息了。
2022-09-07 13:21:54
1605
原创 Echarts X轴点击获取点击的名字 去遍历索引播放对应的视频
主要就是改动这三处地方 然后通过事件总线把点击的这个值传出去。获取对应索引去播放视频而已。
2022-09-06 15:18:55
498
原创 echarts 柱状雨情双色图
<template> <div ref="echarts" style="width: 100%; height: 100%"></div></template><script>import * as echarts from "echarts";export default { props: { // echart数据 rainTrendData: { type: Object, defa
2022-04-25 14:35:28
1502
原创 flex布局多列自适应 通用3列自适应
css.item-box { display: flex; flex-wrap: wrap; justify-content: space-around; .itembox-item { width: 30%; display: flex; justify-content: center; align-items: center; min-height: 0.4rem; text-align: center; margin-bott
2021-12-31 13:52:33
1016
原创 vue监听select的变化
vue 无法监听动态新增的属性的变化, 你需要用 $set 来为这些属性赋值.<el-select :value="form[item.valueName]" @change="$set(form, item.valueName, $event)"><el-form-item label="问题类型" prop="problemType"> <el-select v-model="formInfo4.problemType" placeholder
2021-12-29 18:50:30
2007
原创 vant 周时间选择器
<template> <van-picker show-toolbar :columns="columns" @cancel="cancel" @confirm="onConfirm" @change="onChange" /></template><script>import moment from "moment";import "moment/locale/zh-cn";moment.local
2021-12-17 10:39:51
3403
13
原创 方框滚动~
#tableitem-biao { // animation: scroll 10s linear infinite; overflow: hidden; overflow-y: auto; height: calc(100% - 41px); width: 100%; } #tablebox { width: 100%; height: auto; } 中间嵌套一层tablebox盒子...
2021-11-02 10:16:11
151
原创 echarts 多折线天气组件
<template> <div style="width: 100%; height: 100%" ref="lineChart" class="heightclass"></div></template><script>import * as echarts from "echarts";export default { props: { //x轴数据 XAxis: { type: Array,..
2021-09-04 11:12:58
710
原创 tree组件的一些.
tree组件的一些... <el-tree ref="trees" class="h-100 page-tree_body-list" :filter-node-method="filterNode" node-key="phone" :default-checked-keys="keylist" :data="userTreeList" :props="TreeProp2"
2021-08-05 14:06:58
210
原创 常见的笔试题总结
第一题，盒子页面居中的方法单盒子页面居中 记得要给html设置 min-height: 100%;1.flex布局方法 body,html { display: flex; justify-content: center; align-items: center; min-height: 100%; } .box { width: 200px; height: 200px;
2020-12-01 18:59:56
466
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人