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