冒泡汽水

从样式来看是table，但是写法是table嵌在form里。 截取主体代码解析（vue3+element-plus） el-form 中 :model="state.formObj"  绑定为数据最外

需求： 1、在文本框输入@符号，需要弹框进行字段选择，将选择的内容添加到textarea已有的内容里，并以@符号结尾，例如“@哈哈哈哈@”【前一个@是手动输入，后一个@需要自行拼接到选择内容后面】。

前端界面通过【下载】按钮，实现下载excel文件功能，需要解析后端返回的二进制流文件。整体思路就是跟后端确认，接口响应返回的数据是blob流文件，然后再创建a标签，利用a标签的href属性，载入数据流

在做web端项目的时候，ui通常给的设计稿是1920px，但是我们前端在开发时，就要考虑小屏下内容区域是否可以自适应，不出现遮挡或溢出情况。 1、下载flexible.js 2、引用 在这里需要考虑，

vue3+element-plus 注：起点数要小于终点数，并且起点数的最大值等于终点数；终点数最小值是起点数。

element文档关于全选和取消已经写的很详细，可以直接参考官方文档。 本文主要说一下反选，运用到该方法 toggleRowSelection 第一个参数为当前行，第二参数true或false表示选中

根据接口的实际情况，配置自己数据 checkStrictly:true checkStrictly 是否严格的遵守父子节点不互相关联 boolean类型 默认flase emitPath:false

element switch开关 将文字显示在按钮内部，主要是修改该控件自带样式，虽然官网上显示事例通过属性可以控制，但实操中并没实现。

在开发中具体运用场景如上图显示，在线编辑代码。 官方文档地址：https://microsoft.github.io/monaco-editor/ 安装 vue3具体使用 封装解析代码方法