![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue组件库使用
麻瓜呀
前端小小白
展开
-
vant ui progress进度条组件样式调整
组件api: pivot-text- 进度文字内容 string 百分比。区分效果一没有用flex布局, 用了定位样式。这里把pivot-text的值设置为空。效果二是文字在进度条内部。原创 2023-02-01 10:14:59 · 2590 阅读 · 0 评论 -
vue2-vant组件库-van-search获取焦点方法
注意: 直接通过this.$refs.name.focus是不能获取到input的dom元素, 需要通过querySelector()方法查找到input元素,2.在进入页面时或点击历史记录时, 输入框input触发获取焦点事件–focus。1.通过在van-search组件标签通过ref获取输入框的dom元素。1.进入搜索页时, 搜索输入框自动获取焦点;2.点击历史记录, 搜索输入框自动获取焦点。2.进入页面时获取焦点。点击历史记录时获取焦点。原创 2022-12-27 14:34:19 · 4427 阅读 · 0 评论 -
el-date-picker时间组件封装 需求 开始的时间都是00:00:00 结束的时间是23:59:59 后端需要传递的两个参数 开始时间和结束时间
el-date-picker时间组件封装 需求 开始的时间都是00:00:00 结束的时间是23:59:59 后端需要传递的两个参数 开始时间和结束时间原创 2022-09-14 18:39:30 · 1868 阅读 · 4 评论 -
element-ui 切换分页条数,触发两次请求-bug记录, 分页组件封装
total不要与page-size 混淆,在没有指定current-page的情况下组件自动依据total(数据总条目数)进行分页(前提得指定page-size并且指定数量不能大于total),如果混淆会导致没有进行分页或者数据总条目数不准确。对当前页数据显示个数进行配置(以数组形式进行配置,例:[10, 20, 30, 40])page-size,文档所指为每页显示条目个数,支持 .sync 修饰符;total,文档所指为总条目数,显示接口返回的数据总条目数。1.先手动计算要跳转的最大页数。原创 2022-09-11 23:36:21 · 2069 阅读 · 0 评论 -
elementui- Select 选择器-案例: 在v-for循环的多个下拉列表选择后需要传递对应的名字和id
场景 多个下拉框由v-for循环得到, 下拉框选项也是通过循环得到。用了find的方法进行绑定对应的名字。原创 2022-09-05 20:05:23 · 2375 阅读 · 1 评论 -
element-ui日期选择器el-date-picker, 案例:填写有效期和选择开始时间后, 自动生成结束时间, datetime时间转换
两种场景(1.先输入有效期后选择开始时间;2.先选择开始时间, 后输入有效期)都能触发自动生成结束时间的逻辑。以下代码可能偏长, 建议一步一步console.log打印出来每一步的效果, 避免出现数据没拿到或者方法用错的情况。原创 2022-09-05 18:55:00 · 2682 阅读 · 2 评论 -
Element-UI关于弹窗表单提交时表单数据丢失的问题记录
问题记录:Element-UI关于弹窗表单提交时表单数据丢失出错原因:在el-dialog标签绑定了属性 解决方法改成原创 2022-06-14 10:24:01 · 861 阅读 · 2 评论