03 2023 档案
摘要：Vue官方文档：自定义指令 — Vue.js (1) 注册全局指令： Vue.directive(“自定义指令名称”，{ Inserted (el,binding) { //el表示使用此指令的DOM元素，binding可获取此指令的绑定值 } ) (2)注册局部指令： new Vue({ dire
阅读全文
摘要：项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。 如下: data() { return { rules: { code: [this.$rules.required()], name: [this.$rul
阅读全文
摘要：flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的，比如，当父盒子的宽度大于子盒子的宽度，父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后，超出部分进行缩小的取值比例 flex-basis是用来设置盒子的
阅读全文
摘要：方法总结： 1、子组件中通过“this.$parent.event”来调用父组件的方法。 2、子组件用“$emit”向父组件触发一个事件，父组件监听这个事件即可。 3、父组件把方法传入子组件中，在子组件里直接调用这个方法即可。 Vue中子组件调用父组件的方法，这里有三种方法提供参考 第一种方法是直接
阅读全文
摘要：原文：https://blog.csdn.net/m0_47135993/article/details/127869452 一、场景 当vue文件中存在多级的父子组件传值（即：祖先向下传递数据）、多个子组件或孙子级组件都要使用顶级或父级的数据时，使用provide 和 inject 组合无疑是很方
阅读全文
