- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 易微联设备如何通过局域网API连接homeassistant
先上来聊点家常，这个玩意搞了我一周有的，成本便宜的，喜欢动手的同学可以试试，第一次写博客，内容排版等很乱，大家多多包涵。一、准备条件硬件设备：NanoPi NEO3 、sonoff26智能插头软件环境：MobaXterm_Personal_20.2.exe平台： homeassistant （0.113.0）小伙伴们硬件设备树莓派啊，sonoff其他设备均可以，软件环境可以用putty当然其他的也不错，我用的这个可视化好处在于不单单是一个黑窗口，上传下载文件等等用起来挺方便的，唯一不足的是好像不太
2020-09-23 13:44:54
21591
2
原创 element-plus $confirm 弹框中实现enter不触发确认按钮
element-plus $confirm 弹框中实现enter不触发确认按钮
2024-04-02 20:18:54
1273
原创 element-plus中el-table分页勾选记住勾选内容并限制数量
element-plus中el-table分页勾选记住勾选内容并限制数量
2024-03-26 10:39:06
2065
1
原创 （万级数据量）ztree懒加载，勾选父节点时勾选全部子节点的信息，支持数量限制、展示选中节点信息、删除、回显、编辑等
ztree懒加载，勾选父节点，选中全部子节点
2024-03-21 19:15:08
887
1
原创 vite2+vue3引入动态图片报错404问题
出现这一问题大致可以归结为，vite打包的时候会忽略config.js文件中配置的@ 相当于src这么一说，// vite.config.js... resolve: { alias: { "~": path.resolve(__dirname, './'), "@": path.resolve(__dirname, 'src') } },...静态图片路径是相对路径还是绝对路径都可以，相当于写死静态文件地址，<img src="@/a
2022-05-30 23:37:53
2314
原创 表格列表中，单选、多选以及点击该行数据友好体验的封装
如图：点击该行，然后前面的复选框自动勾选，再次点击，复选框取消，点击复选框也可以操作，单选多选都可以。先了解一下用到的方法：点击该行的方法@row-click，点击复选框的方法，@select@row-click的参数，row，column，$e，第一个参数是该行数据对象@select的参数有两个 selection，row 第一个是目前选中的数组，第二个是当前选中的数据对象不知道的可以打印一下。<el-table ref="singleTable" v-load
2022-04-24 11:18:09
476
原创 vue 父子组件共用mixins注意点
父子组件正常引用（通过props传值）：父子组件之间的关系是相互独立的父子组件共用一个mixins：(在同一个作用域内，直接使用)在开发过程中，会遇到tableData直接渲染的情况，数据量过大，则会拆分多个子组件，此时第一次进入页面，调用api，后端传参tableData，需要对数据进行组装修改，我发现控制台打印能出现，页面却不渲染的情况，经验证发现el-table中每次只能监听整个row的变化，row中某个属性变化时，是无法追中的，要么this.$set（tableData,index,row）
2022-03-19 18:52:21
2295
原创 优化一波el-tree点击节点也可以
树状结构图是个老大难，各种问题层出不穷，今天讲讲优化吧，产品说用户体验不友好，嫌弃旁边的复选框太小，点不着，好家伙，我是没感觉点不着，而且人家官方文档也是点旁边复选框进行选中的。没办法，谁让产品大佬说一不二呢，开始优化，哎呀，其实也不难，点击节点获取唯一id，然后set一波，完美。且听我细细道来官方文档中：Element - The world's most popular Vue UI frameworkcheck 当复选框被点击的时候触发 共两个参数，依次为：传递给d..
2021-11-24 14:29:37
2158
2
原创 v-slot 具名插槽实际运用环境
vue2.6版本，具体对插槽写法有较大的变化，老的写法将要废弃1. 默认插槽 ，简单的插槽2. 具名插槽：相对默认插槽组件slot标签带name命名的，可以指定位置3.作用域插槽：子组件内数据可以被父页面拿到(解决了数据只能从父页面传递给子组件，其实子页面传给父页面的方法有很多)共同点：三种插槽都需要在子组件留坑，当父组件有值的时候可以模板写入简单说一说具名插槽的应用场景：后台系统中，经常会遇到表格这个元素，每个页面都含有表格，写起来很不方便，这边呢，便于维护的开发，将标题查询表..
2021-11-04 14:47:25
265
1
转载 vite +vue3+ts+ele+ 搭建项目
vite+vue3+ts+element-plus项目搭建--超详细_一个超爱喝可乐的web前端攻城狮-优快云博客
2021-10-31 00:24:02
155
原创 vue3之表单验证
3相信很多小伙伴都玩起来了，表单验证是很正常不过的事情，话不多说，直接贴代码,<el-form :model="editForm" ref="editFormRef" :rules="rules"> <el-form-item label="姓名:" prop="name" :required="true"> <el-input v-model="editForm.name" placeholder="请输入姓名" /> </el-form
2021-09-23 20:10:12
5154
1
原创 微信小程序如何自定义一个可输入筛选的下拉弹出框，也封装成组件。
在开发过程中，经常会遇到下拉框，有些时候内容过多，找起来也不方便，给他增加一个输入框，相当于用户输入某些信息，然后再下拉，符合输入内容的数据将会被展示出来，大大方便了用户操作体验。话不多说，让我们开始吧！1.先简单了解一下弹框，picker，当mode = selector，即可，具体可以看微信小程序官方文档，https://developers.weixin.qq.com/miniprogram/dev/component/picker.htmlrange 相当于整个下拉数组，range-ke.
2021-09-02 14:43:49
7372
原创 el-tree中部分属性和方法使用，以及树状图初始状态增改查状态如何实现
在后台管理系统中，经常会遇到树状结构图，比如员工职能设置，商城物品结构图等等。<el-tree @check-change="getEditTree" // 节点状态发生变化时的回调 ，并且有三个参数 :data="treeData" // 后台返回的树状数据 show-checkbox node-key="id" // 树节点的唯一标识属性 ref="editTreeData"
2021-08-23 19:20:54
1190
原创 富文本vue-quill-editor 管理后台录入文章，前台JQ官网展示模板，样式无效等问题处理。。
富文本，给我折腾的难受，几乎每个富文本都会有很多坑让你踩，话不多说，记录一下，官网管理后台中用到富文本写文章，输出到后台，（带标签样式等），然后在官网ajax接收到这个模板标签，发现标签都有，但是样式却没有生效，我猜测是因为后台管理是引入vue-quill-editor组件，然后关键的css组件也引入。<link rel="stylesheet" href="../css/quill.bubble.css"><link rel="stylesheet" href="../css/q
2021-08-14 10:19:29
707
原创 vue-quill-editor富文本上传图片过大，如何优雅处理？
前端富文本数不胜数，但总有一些这样那样的问题，记录一下自己遇到的问题，传入图片过大，如何解决？图片格式是base64，巨大长度，会给服务器很大压力，这时候，我们将其格式转换，可是该怎么转换呢？？好家伙，el-upload天然完美之组件。如何引入编辑器，封装成组件，在组件中components/quill 文件中引入import"quill/dist/quill.core.css";import"quill/dist/quill.snow.css";import"quill/d...
2021-08-10 20:40:00
2549
原创 微信小程序模糊查询下拉弹窗,picker和input配合使用
// wxml<view> <view>商户姓名</view> <view > <input type="text" value="{{merchant_name?merchant_name:''}}" placeholder="请选择商户" bindinput="handlerInput" > </view> <picker bindchange="bindPickerBuye.
2021-08-09 11:03:47
4234
3
原创 vue中输入框的限制，最多三位小数~~
开发中遇到一些输入框，输入框中需要输入数字，并且有一定的限制，比如最多三位小数啊，这类。话不多说，直接安排<el-input type="number" oninput="value=value.indexOf('.')>-1 ? value.slice(0,value.indexOf('.') + 4) : value" ></el-input>这样一个输入框，就限制了数字，并且最多三位小数啦，很简单~稍微解释一下，首先要一个数字框，h5中type=‘number
2021-07-16 20:16:26
2304
原创 vue 打印表格需求
最近，项目中用到打印表格的需求，在网上找了好些都不太行，不是样式缺少，就是内容缺少，基本思路还是调用window自带的print功能。我用el-ui自带的表格，打印的时候样式内容都有一定的缺少，能成功的小伙伴们分享下。表格如下<template> <div :id="`printJS-html`"> <table cellpadding="0" cellspacing="0" style="width: 1260px"> <tr&g.
2021-07-12 08:50:47
478
原创 vue + element-ui 搭建简单的后台管理系统
基于vue + element-ui搭建简单的后台管理系统一1.路由配置废话不多说，咱们进入主题吧！1.路由配置const routes = [ { path: '/', name: 'Login', component: () => import('@/views/login/login.vue'), }, { path: '/manager', name: 'Manager', redirect: '/manager/index'
2021-04-12 15:30:31
1587
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人