2024-06-18flag">显示或隐藏.box{}// 进入的过渡动画// 开始进入height: 0;width: 0;}// 进入过程}// 进入结束}// 离开的过渡动画// 开始离开}// 离开过程}// 离开结束height: 0;width: 0;}flag">显示或隐藏// 对应的css.e-from{height: 0;width: 0;_vue3动画组件

https://www.qianduange.cn//article/12739.html 分类：前端知识

2024-06-18【代码】vue3 vxe-table 封装通用Grid业务组件。_vue3 vxe-table

https://www.qianduange.cn//article/12738.html 分类：前端知识

2024-06-182.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名( )。1. 中定义响应式变量 例如： const demo1 = ref(null)此时子组件用的是 export default 的写法。的组件，想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式，父组件可以正常获取到里面的属性和方法。此时父组件可以获取到子组件的count属性（来指定需要暴露给父组件的属性。_vue3获取子组件的变量

https://www.qianduange.cn//article/12705.html 分类：前端知识

2024-06-18vue项目中如何在scss代码中使用data中的变量_vue3 css使用data的变量

https://www.qianduange.cn//article/12628.html 分类：前端知识

2024-06-18本文介绍了如何在项目中集成Stylelint，一个用于CSS、Sass及HTML样式检查的工具，详细讲解了如何安装依赖、配置.eslintrc.cjs文件以遵循标准和最佳实践，以及如何设置自动修复功能来提升代码质量。

https://www.qianduange.cn//article/12626.html 分类：前端知识

2024-06-18整体的左右（sider和main）布局使用的是flex布局，是为了方便sider能够收缩，右边的宽度能自动扩展，并且左边flex-shrink要设置为0，注意这种flex布局下，右边虽然能自动扩展，但是不能超过父容器的范围，需要加一个overflow:hidden，解释请看：flex布局左边宽度固定，右边宽度动态扩展问题右边main使用上下布局，上面的main-header部分正常写就行了，下面的main-body使用了绝对定位，相对的是main这个容器，top就是main-header的高度，并且设_element plus flex

https://www.qianduange.cn//article/12578.html 分类：前端知识

2024-06-18v-model未生效其实（:value绑定的变量未更新）其实就是在指令中改变输入框value时未触发“@input”事件，导致v-moel未生效。可利用dispatchEvent方法收到触发input事件，使v-model生效，更新变量。_vue3 v-model 没有更新

https://www.qianduange.cn//article/12551.html 分类：前端知识

2024-06-18静态导航菜单_vue导航栏

https://www.qianduange.cn//article/12531.html 分类：前端知识

2024-06-17vue3 Composition API 附带了一个setup()方法。此方法封装了我们的大多数组件代码，并处理了响应式，生命周期钩子函数等，Composition API使我们能够更好地将代码组织为更多的模块化功能，而不是根据属性的类型（方法，计算的数据）进行分离在旧的钩子函数之后和created的钩子函数之前立即调用setup方法。因此，我们不再需要这两个钩子，我们可以简单地将本应有的代码放在setup()方法中。_vue3生命周期函数

https://www.qianduange.cn//article/12505.html 分类：前端知识

2024-06-17vue3 淘汰了 ::v-deep 要修改样式的类名 { 内容 }vue3 采用 :deep(要修改样式的类名) { 内容 }vue3对deep的官方讲解。_less deep

https://www.qianduange.cn//article/12501.html 分类：前端知识