- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue中使用el-tree树型结构，父子关联，勾选父节点全选子节点，子节点勾选选中包括父节点
点击父节点勾选所有子节点，点击子节点也要拿到父节点；全选情况下如果取消某个子节点，则父节点也不会取消，直到父节点下没有子节点勾选，才取消父节点。//el-tree绑定方法 @check-change="handleCheckChange" 打印日志。这里使用JSON.parse(JSON.stringify)) 深拷贝 是为了不影响页面上展示的数据。只有子节点没有选中父节点才会被取消选中。
2025-01-03 11:30:57
478
原创 input输入框设置 type=‘pasdword‘ 禁止通过浏览器开发者工具修改 type类
然后自定义一个方法 checkInputType 这个方法可以直接获取到用户再控制台输入来改变type类型，这里如果直接更改这个类型默认还是 密码 password 禁止它更改类型密码明文显示。再data数据中默认给 passwordInputType:"password"页面上通过绑定ref属性来获取DOM元素。最后一定要再mounted方法里面执行。如有更好的解决办法还请大家相互交流。
2024-11-22 11:07:14
212
原创 vue使用el-table表单增加合计
vue表单增加合计，合计后端返回数据是整个表格的总和，前端这里直接渲染。show-summary ：设置为。summary-method：使用。3.footerMethod方法。2.主要就是这两个地方。就会在表格尾部展示合计行。
2024-11-15 11:06:46
715
原创 vue使用el-table左边固定横向列表根据接口返回渲染，页面样式错乱问题，以及table表格铺满
就是设置的固定位置，可以直接用默认左边 当然也可以自定义 fixed="right" 这里就使用的默认。但是我们的数据结构是左边第一列是固定的，其他列都是根据后端返回的数据来进行展示。这也是最近开发遇到的问题简单的记录一下，我们一起xx。页面的样式直接就变得非常混乱。接下来就要注意了，重点。啥也不说直接步入正题。
2024-10-18 17:14:47
286
原创 vue中使用地图，地图上显示某地区的路网线路，结果后端直接返回了2K多条数据
如果没有聚合，用户可能在一个狭窄的视口中看到成千上万个数据点，这会导致浏览器在每次渲染时都要处理所有这些点。而聚合后，用户只需处理几个聚合点，显著降低了复杂性。最近遇到的一个bug，就是后端返回数据到页面，页面展示地图，接口返回2k多条数据，导致整个项目非常卡顿。而且还不能分层显示，只能一次性显示全部，只能硬着头上了。上面是请求的接口数据，直接进入正题。OK，结束，简单的记录一下。废话不多说直接开整。
2024-10-18 16:49:22
258
原创 vue3借助bus实例进行非父子组件通信
2.再需要发送事件的页面引入进行使用 这里就直接用 a.vue 代替。3. b.vue 来到需要监听的页面。1.首先创建eventBus.js文件。以下代码可直接复制/粘贴使用哦。废话不多说直接进入正题。
2024-10-10 17:17:55
330
原创 git初始化仓库和未初始化
首先我们代码写完之后一般都需要提交到git远程仓库，这个适合多人开发，最后统一拉取获取最新的代码。这些都没问题就直接提交远端： git commit - m '提交说明'这里使用的是老一套代码命令来提交，如果有好的可以留下你的评论相互学习。然后直接提交所有代码 git add . 这个是全部提交文件夹。在这里我们可以查看本地是否和远程进行关联 git remote -v。如果我们只想提交一个文件 可以使用 git add 文件名称。git remote add origin 远程仓库地址。
2024-01-17 20:36:14
636
1
原创 vue3+vite创建项目
在启动项目之前一定要初始化一下项目使用 npm i 然后在使用 npm run dev。官方解释是：在开发期间 Vite 是一个服务器，而。输入命令后，选择项目名称和技术栈，可以看到可供选择的技术栈有这么几种（如下图）目前当前选择的是vue+javascript ， 根据需求来选择。这运行项目的速度简直是直接起飞，比vue2快了多少倍。上手非常快，运行项目非常流畅，迅速。这就是vite + vue创建项目。是该 Vite 项目的入口文件。的上手使用很简单，直接运行。再来看看项目的目录架构吧。
2023-11-17 16:19:14
122
1
原创 vue中使用递归渲染多层数组
1.在我们不确定数组有几级的情况下我们可以使用递归来循环渲染。注意：递归慎用，能用循环解决的事情，尽量别用递归。
2023-10-28 16:42:34
677
1
原创 vue中使用video标签禁止拖动进度条
开发过程中经常遇到一些出乎意料的事，那就简单的记录一下吧！注意：这里根据需求最大可接受快进的秒数。1.在template模板里。废话不多直接上正题。目前使用的是vue2。
2023-07-15 15:04:35
3002
1
原创 微信小程序加载图片失败展示默认图片
废话不多说直接上正题<view wx:for="{{liveList}}" wx:key="index"> <image class="shop_ig" data-goodid="{{item.GoodsId}}" bindtap="goxiang" binderror="error" data-index="{{index}}" src="{{item.GoodsImg == '' ? imgImg: item.GoodsImg}}"></image>
2022-04-25 15:59:05
1403
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人