辞忧*的博客

使用uniapp开发项目时使用hbuilderx进行项目的打包上线，选择自有证书打apk正式包，避免仿冒及版本更新不可覆盖。

在vue3+ts+vite项目中使用echarts，避免打包体积过大使用按需引入，并基于引入功能进行组件封装。

使用前按需引入，可使用npm或者cdn连接，功能示例使用cnd在index.html中引入。

功能描述：页面需要实时接收后台返回的最新数据并在页面展示，使用webSocket进行消息轮询和接收。

随手记：table表格在vue中的单选、单行求和问题。html<el-table :data="tableData" border style="width: 100%">// 单选<el-table-column width="60px" align="center"> <template slot-scope="scope"> <el-checkbox v-model="scope.row.checked" @chang.

随手记：table表格引用官网自定义总价功能html 主要用到 show-summary 表尾显示合并行 和 summary-method 自定义计数方法。<el-table :data="tableData" border style="width: 100%" show-summary :summary-method="getSummaries">....</el-table>js 进行自定义方法的定义methods: { getSumm.

记录下自定义日期选择器，需求开始时间不超过当前日期并且不大于结束时间，结束时间不小于开始时间。存在两个日期选择器主要使用disabledDate来限制禁用状态<div class="cards"> <div class="header">账户明细</div> <div class="content"> <el-form ref="form" :model="form" label-width="120.

通过 vant 的 Checkbox 来进行列表数据的选择，需求单选、多选、下拉加载、最多选中功能了解：Checkbox 可搭配 CheckboxGroup 进行选中和非选中状态切换使用到的参数 max（最大可选）、@change（当绑定值变化时触发）van-list 无限加载功能未选中按钮置灰，选中按钮可点击触发事件html<template> <div class="advance"> <div class="item-box"> .

避免切换速度过快显得突兀，在不使用 a 标签以及添加 class类 进行锚点操作时，这时候就可以用到 dom 方法 scrollTo 来实现平滑滚动。定义scrollTo(xpos,ypos),包含两个必须属性xpos（指定滚动到X轴指定位置）ypos（指定滚动到X轴指定位置）使用：// 滚动到指定位置window.scrollTo(100,500)scrollTo(options)，包含三个必须属性top (y-coord) 相当于y轴指定位置left (x-coord) 相当.

本次主要是使用vue+element UI来完成对账单功能的实现，需求是当前时间及之前一天不可点击，大于当前日期置灰不可点击。模板简陋敬请谅解 …先上效果图vue页面布局方便数据渲染<template> <div class="download-box"> <div class="block"> <el-date-picker value-format="yyyy-M" v-model="val.