嘿！那个姑娘

摘要： mixin混入，听着名字感觉是什么很不好理解的东西，其实混入很简单 作用：混入其实就是一个js对象，来分发 Vue 组件中的可复用功能 vue文件中中就是export default{}，混入其实就是这个东西，包含了里面的所有东西data、methods、created... 使用：在src文件夹中 阅读全文

摘要： 作用：$attrs可父子孙一脉相传（父系）的组件间的通信 可以用于高级多层组件间的封装 父子通信： 如果是父子组件之间的通信，在父组件传给子组件的数据，可用props来进行接收。如果不用props接收，父组件传过来的数据会在$attrs里面 父子孙通信 父组件的传给子组件的数据，子组件可以用prop 阅读全文

摘要： 要定义全局样式可以创建一个样式文件，里面用来存储全局的样式文件，然后，统一引入，统一注册到全局上。 然后在main.js里统一注册，要注意注册的位置，注册有先后，后面的样式会覆盖前面的样式，如果要覆盖element的样式，引入的位置要放在element样式的后面 ####在less或者scss中都有 阅读全文

摘要： ####制作公司官网，免不了通过点击不同的导航栏到跳转到不同页面的指定位置。同时也会遇到页面时跳转了，但是导航栏没进行相应的高亮显示 总结: document.getElementById().scrollIntoView()和this.$route.name 第一步解决路由跳转到页面指定位置 点击 阅读全文

摘要： ####在做官网时，点击顶部导航栏或者底部的目录栏进行路由跳转页面切换时，多次点击同样的路由会报错。 现在需要的效果是，点击同样的导航不报错，并且刷新页面 顶部导航栏是通过element组件el-menu来实现的通过组件的属性进行路由跳转，底部是同步点击事件触发this.$router.push(' 阅读全文

摘要： 在修改页面，在父组件中直接调用子组件中的方法，通过ref来调用。明明在子组件中定义了这个方法，还一直报undefined if (this.form.receivingType == 0) { await this.$refs.editTable1.fullValidEvent() } else i 阅读全文

摘要： 使用echarts根据屏幕变化重新绘制图，一直报这个错，找个了半天也没有发现是哪里的问题 watch: { option: { handler() { this.myEchart = echarts.init(this.$refs.echartsRef) this.myEchart.setOptio 阅读全文

摘要： 修改给树形组件赋值，一直获取不到$refs的树型组件的组件的ref 我是通过组件封装来给子组件的的el-tree组件来赋值 <page-dialog ref="pageDialog" :dialogFormItems="dialogFormItems" :otherInfo='otherInfo' 阅读全文

摘要： 就是在封装组件时，初始化一个initForm对象，然后将这个对象赋值给一个formDat对象，传入form组件与form表单双向绑定。当form表单改变了，会引起formDat改变。然后想重置表单时，再令formData = initForm。这个时候form并不会重置清空。我就感到很纳闷。 <sc 阅读全文

摘要： 很多情况下，会将父组件的输入传到子组件，又子组件更改后再传回父组件，比如更改用户信息时，封装组件时。 我这里是将formData的数据传入封装好的form组件中 form组件接收props：formData 再将接收到的数据保存在本组件的data（） {return {newFormData}}中， 阅读全文