小白菜的博客

由于在vue2中JSX的语法在渲染和代码简洁度上有优化，偶尔也会用JSX的形式封装组件；新的项目里开始用vue3发现，以前丢插槽的两种方式行不通了，得想想办法才行。// vue2 插槽写法render (h) { const { $scopedSlots } = this // 第一种 const { title = () => h('p' , { style : 'margin-top: 0' } , this.title) , } = $scopedSlots

问题描述：在使用dialog对话框等有modal遮罩层的组件时，再使用Notification通知组件便会遇到，遮罩层把通知掩盖住了@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分析：提示：这

三步解决前言一、从ui框架入手二、上手表单1.设置表单初始值2.表单初始化赋值以及一些通用参数3.给表单抽屉/弹窗设置open方法总结前言在后台管理系统中，最常见的业务就是CURD，对数据进行增删改，通常情况下新增与编辑我们会做成一个通用组件，我们在不使用v-if的情况下如何重置我们的表单呢？技术栈：vue3.0 + elementPlus一、从ui框架入手方法名说明resetFields对整个表单进行重置，将所有字段值重置为初始值并移除校验结果clearValida

select选择器实现下拉加载更多可以将此细分为，1.下拉到底部； 2.触发请求； 3.加载，难点便只是在下拉到底部。我们要想知道是否已经触底，首先找到拥有滚动条的元素在select 添加 ref<template> <el-select v-model="value" ref="select" placeholder="请选择" :loading="loading"> <el-option v-for="item in options"

解决 el-form 异步校验导致重复校验的问题业务逻辑最近项目上有个业务，确认表单，需要用到手机验证码，验证是否为本人操作。这挺常见的，但是需要用户填写完，输入框失去焦点时就将验证码发送后台进行验证，而且验证码只能输一次。触发场景若用户输入完验证码后，鼠标焦点并未离开，直接点击确认的话，因为 validator 异步的关系，鼠标离开焦点触发一次校验，确认也触发一次校验，导致 重复校验，用户体验极差解决办法用watch 动态监听 form 表单里验证码输入框的值，并进行相应判断，输入长度为6时自