wch19960518的博客

Hooks与mixin的区别

vue2之mixins

vue中动态绑定ref后，获取某个具体组件实例

树型选择项的下拉选择框

完美解决ElementUI中树形结构table勾选问题

当前下拉框选中数据为下一个下拉框数据来源的依据，即当前节点为下一选择框数据的父节点，并且当前选择框选中数据更改时，后面的选择框数据也需同步更新。

el-table原有滚动条样式对有些用户来说太窄，拖动起来不方便，因此做出如下修改。

【代码】el-select多选数据时，支持全选。

下面实现效果类似于。

【设计初衷是用户可根据给定的字段进行准确描述】

【代码】el-table默认勾选行数据功能。

开发vue2项目的时候，遇到一个路由页面打开弹窗的情况下跳转到另一个路由后，上一个路由页面的弹窗遮罩层还在。设置为false，将遮罩层插入至。

normalizer函数属性可对接口返回的数据进行处理，处理成treeselect想要的格式。我这里vue版本为2.6.12。

目前有Vue3、Vue2、JavaScript版本。table的滚动效果。

给标签设置属性后，再在style中进行样式修改。**属性设为false。**属性设为false。

【代码】vue2中设置el-dialog对话框组件内容区高度。

1. header-cell-style 表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style（解决多列排序字段。（true, false, ‘custom’），为’custom’时，代表用户希望远程排序，需要加 sort-change 事件（我这块介绍的就是值为custom的）1. @sort-change点击排序小箭头触发的事件。1. sortable 是否可以。

- 子组件 --><template><div></div>同vue2定义插槽。Vue3中引入了v-slot指令，它允许你更明确地指定插槽的内容。在Vue3中，你不再需要在标签上使用slot属性来指定插槽的名称，而是直接在内部使用v-slot指令，并指定插槽的名称。当然，在Vue3中，仍然可以使用Vue2的语法，但是推荐使用新的v-slot指令，因为它提供了更清晰的语法和一些新特性，比如作用域插槽的改进。

el-table文档中没有表格数据单选，因此基于复选框实现数据单选限制。

【代码】vue3中常用组件封装及使用。

封装 @/utils下的index.js中。

textarea内容分段展示到页面。

【代码】vue3路由传参。

图片预览

【代码】vue3表格使用拖拽排序。

小圆点基于进度条定位（left）。

添加的代码为当用户填写完表单并按下提交按钮时，这个事件会被触发。.prevent 是一个事件修饰符，用于阻止事件的默认行为。在 HTML 表单中，默认行为通常是提交表单到服务器，这可能会导致页面刷新。通过使用 .prevent，我们可以阻止这种默认行为，从而可以在。：给el-form添加@submit.prevent=“search” （这块的search方法为定义的搜索方法）或 @submit.native.prevent=“search”页面的情况下执行自定义的 JavaScript 代码。

table中列属性formatter，格式化表格数据->处理表格中显示的内容（像根据状态数值去显示当前状态对应的中文，或者处理一些是与否相间等）

，下载完成后将解压后的文件夹存放在与skins文件夹相同的位置。（我这里在最外层包裹了tinymce这一层文件夹方便查找，可不包）（2）监听删除操作，对有data-protected属性和data-mce-bogus属性的内容不可删除。需要汉化的可以在官网下载语言包（执行完上面的两条命令后，在node_modules 中找到。（4）【内容】编辑器模板中table样式修改。（2）【编辑】时某些内容是不可编辑的。（3）【内容】前端拼接编辑器模板。文件夹，将tinymce目录中的。（1）【查看】时禁用编辑。

动态emit父组件方法。

vue2中常用组件封装、全局挂载及使用。

/ src\filters\dict.js定义过滤器} else {console.error(`字典获取失败`);} else {// main.js中注册全局过滤器filters: {if (!

【代码】vue2中手动关闭el-dropdown组件下拉菜单。

前端页面实现动态配置sql条件，将JSON结构给到后端，后端进行sql组装。这里涉及的分组后端在组装时用括号将这块规则括起来就行，分组的sql连接符（并且/或者）取组里的第一个。

后调用的字典接口并存储字典数据，我放这的目的是当页面刷新会调用getInfo，调用成功后更新字典数据（也可以放到登录成功后，这种情况如果想要刷新字典数据，只能退出重新登录）。我这块在src\store\modules\user.js中的的。4.src\store\getter.js中添加allDict。

深拷贝数组，重新生成一个可枚举数组。直接上图，如下图，数组中出现。属性，导致无法取值。

遍历数据动态生成插槽。