weixin_38225763的博客

vue中rules自定义规则实现

JavaScript中的一个数组方法。然而，在Vue 3的应用开发中，slice方法经常被用于处理数组数据，特别是在需要实现分页、数据截取或数据展示等场景时。

话不多说，直接上代码是 Element UI 框架中的一个组件，用于实现弹出框（Popover）的功能。Element UI 是一个基于 Vue 2.0 的桌面端组件库，用于快速构建网站界面。el-popover组件允许用户通过点击或鼠标悬停等方式触发一个浮层，这个浮层可以包含文本、图片、表单等多种内容，用于展示额外信息或进行交互操作。

在vue.js中遇到一个集合，需要根据某个字段长度排序，可以使用sort这种方式。

在偶然维护前端开发时，遇到页面列表中某个字段内容太长，且该字段使用了组件显示，导致不能使用纯文本得那个省略号代替显示得css样式效果,只能另辟溪路

那咋么办，其实可以把prop直接设置成extraProperties.City，这样可以直接去验证市区，而省份的话选择了，才会联动出市区的数据，用户才能选择市区，以此类推就可以实现上面的三级都验证不为空的问题。如上设置的prop是extraProperties.Province，导致验证时只要省份选择了就不验证市区了，在开发中出现如下情况，在同一个el-form-item设置了省市区三级联动的效果。

在 Vue 3 中，你通常不会直接通过类名（或任何其他 DOM 选择器）来获取 DOM 元素，因为 Vue 鼓励你使用数据驱动视图的方式来更新和操作元素。然而，如果你确实需要访问 DOM 元素（这通常是不推荐的，除非有特别的原因），你可以使用 Vue 3 的 ref 或者 refs（在模板中使用 ref 指令时，它们会在组件的 $refs 对象中作为响应式引用存在）。

如果想使用远程搜索得el-select且又想每次查询时分组展示，可以这处理

如何在vue+elmentuiplus中Table-column 添加calss以及动态添加class

实现溢出...隐藏以及鼠标放上去弹出提示框显示出所有内容

页面使用了el-tabs 、 el-tab-pane、el-table 等标签。反正之前人写的页面可乱，尤其是js这块，穿插引用import一大堆。最后看到页面代码太乱，就动了下页面布局代码，js也归类调整了下,js也使用了onMounted ，但是除掉也时空白页面。居然可以了，主要是调整了布局代码，才好的。但是经测试不是这些问题导致的。

在前端设计时，遇到时间框组件el-date-picker的样式需要单独覆盖掉。直接在页面style中写样式，覆盖不了，就算加上!important也不行。/**::v-deep 含义-样式穿透可覆盖组件样式 */含义是-样式穿透可覆盖组件样式。如覆盖如下实施日期的时间框边框。

在 Vue 3 的 Composition API 中，defineEmits 是一个函数，用于在 setup 函数中明确地声明一个组件可以触发的自定义事件。这有助于提供更好的类型检查和更清晰的组件接口。当你使用 Vue 3 的 语法糖时，defineEmits 尤其有用，因为它可以与 TypeScript 一起使用，以提供类型化的事件发射。

中tableData.status是后台返回的是枚举，包含value和name,如果直接写成上面这段，不加判断，刷新页面会显示成空白页面，因为报错了 ，tableData.status.value，一想估计是因为没有判断为空的原因，应该是加载页面html元素时，没有获取接口返回的值导致报错。但是光看控制台显示的错误位置又不对，继而先一个个检查value相关的

问题如下,在中，如果不用prop属性，直接绑定字段不显示数据