Pinia (https://pinia.vuejs.org/zh/) 是 Vue 的存储库，它允许您跨组件/页面共享状态。它被认为是vuex 5.0 Pinia (https://pinia.vuejs.org/zh/) 同时支持Vue 2 和 Vue 3 本文示例使用 vue3 和组合式 api 安装 main.js Store Store 是使用...
...大约 1 分钟
注意 版本：Vue Router 3.x 可能比文档还详细--VueRouter 完全指北 (https://juejin.cn/post/6844903665388486664) 简介 vue-router和`vue是深度集成的,用于单页面应用 传统的路由是用一些超链接来实现页面切换和跳转,而vue-router在单页面应用(SPA)中,则是组件之间...
...大约 13 分钟
概念 在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 何时使用 多个组件需要共享数据时 VueX 工作原理 vuex 搭建 vuex 环境 1. 创建文件：src/store/index.js 2. 在main.js中创建 ...
...大约 5 分钟
开始之前... 以下概念均不包括margin,因为它不是元素的一部分 offsetWidth/offsetHeight:它们提供了元素的“外部” width/height。或者，换句话说，它的完整大小（包括边框） scrollWidth/scrollHeight这些属性就像 clientWidth/clientHeight，但它们还包括滚动出（隐藏）的...
原创...大约 1 分钟
原创...小于 1 分钟
需求 做业务遇到了需要在树空间中回显示当前操作的的数据项，因为树空间的高度有限，如果当前选择项是比较靠后的，就无法出现在树的滚动视窗范围之内。 所以就要在树展示的时候自动滚动到当前的选择项，好在Element (https://developer.mozilla.org/zh-CN/docs/Web/API/Element) 接口提供了这样一个 scr...
原创...大约 1 分钟
element-ui 中` form 中有个清空表单的方法，即假如给表单一个 ref='form', 则清空表单的方法为 this.$refs.form.resetFields() 可当在 dialog 组件中用这个方法的时候，这就出现问题了，居然清空不了 问题的本质是因为你第一次打开 dialog 的时候给表单绑定的 form 赋值了，这时候这个 f...
原创...大约 1 分钟
当 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用深度选择器。 使用较多的场景是去定制 elementUI 等组件库的样式 写法 像/deep/，`>>>，::v-deep`已被弃用，下面这种方式 vue2...
原创...小于 1 分钟
最近在使用vue3写一个公共表格组件，操作列需要利用v-if判断是否渲染这个操作按钮。居然提示：属性 button 此时没有在该实例上定义。这是原本的代码： 查了vue2和`vue3的文档发现了一个问题： Vue2:当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。当你只想为部分项...
...大约 1 分钟