随笔分类 -  Vue

vue知识点
el-table 子级选中父级勾选 子级无一选中父级取消勾选
摘要：// 选中子级父级也选中 if(row.parentId!=0){ let parent = this.archiveTypeList.find((x=>x.id row.parentId)); this.$refs.multipleTable.toggleRowSelection(parent,t 阅读全文
posted @ 2023-08-07 11:39 菜彩 阅读(469) 评论(0) 推荐(0)
vue 滚动条事件监听
摘要：css: .active{ margin-top:-60px; } .trans{ transition: all 300ms; } > ` mounted() { // 监听页面滚动事件 window.addEventListener("scroll", this.scrolling); }, b 阅读全文
posted @ 2023-07-31 15:15 菜彩 阅读(115) 评论(0) 推荐(0)
Vue——watch侦听属性 例子
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-01-09 20:35 菜彩 阅读(74) 评论(0) 推荐(0)
Vue——computed计算属性 例子
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-01-09 20:35 菜彩 阅读(49) 评论(0) 推荐(0)
VSCode小技巧
摘要：技巧一. 配置快捷生成代码 按ctrl+shift+p 调出如下界面 new一个snippets file 按照example配置自己的代码 阅读全文
posted @ 2023-01-04 16:56 菜彩 阅读(35) 评论(0) 推荐(0)
Vue-Router
摘要：Vue-Router 1. 路由的安装与基本使用 安装 npm run vuee-router@4 -save 基本使用案例 demo10文件 <template> <div> <h3>demo1界面</h3> </div> </template> <script> export default { 阅读全文
posted @ 2022-11-07 16:53 菜彩 阅读(78) 评论(0) 推荐(0)
Vue3——Transition TransitionGroup
摘要：Vue3 Transition TransitionGroup 官网地址：https://cn.vuejs.org/guide/built-ins/transition.html 官网讲得很详细 我就只写基本用法了 1. Transition <Transition> 会在一个元素或组件进入和离开 阅读全文
posted @ 2022-10-29 21:24 菜彩 阅读(1116) 评论(0) 推荐(0)
Vue3——自定义组件-插件
摘要：Vue3 自定义指令 插件 官网链接：https://cn.vuejs.org/guide/reusability/custom-directives.html#introduce 1.自定义指令： 1.1自定义指令声明 局部声明： const focus = { mounted: (el) => 阅读全文
posted @ 2022-10-29 20:56 菜彩 阅读(1706) 评论(0) 推荐(0)
1.Vue系列——Vuex
摘要：1.Vue系列——VuexNote1- Vuex 1.vuex vuex的状态管理功能主要解决了Vue组件间的通信问题吗，让夸层级共享数据或平级组件共享数据变得非常容易。 2.关于状态管理 2.1 状态数据 状态数据是指data函数中返回的数据，这些数据自带响应性，由其来对视图的展现进行驱动的 2.2 视图 视图是指temp 阅读全文
posted @ 2022-10-23 18:06 菜彩 阅读(83) 评论(0) 推荐(0)