es6过后引入了箭头函数（=>），使用this的时候，无法访问data中的内容。特此记录方法： <script> let vue = new Vue({ el: "#app", data: { message: "hello world !" }, methods: { fun1: () => { let that=vue.$data that.message = "eve…
前言 作为一个励志要成为全栈的后端开发，最近开始学习前端Vue框架。因为之前一直使用的IDEA开发，所以学习前端还是准备使用IDEA。但是发现发现新建文件没有Vue Component模板文件，此文记录下解决过程。 下载插件 在setting中心下载vue.js 插件安装后重启。 新建文件模板 在setting -> Editor -> File and Code Templates …
总目录 Java工程师的进阶之路 1 - vue-核心 2 - vue-组件 3 - vue-cli 4 - vue-ajax 5 - vuex 6 - vue-路由 目录 1、Vuex是什么 2、什么时候使用Vuex 3、搭建vuex环境 4、求和案例 5、getters的使用 6、map方法 7、多组件共享数据 8、模块化+命名空间 1、Vuex是什么 概念：专门在 Vue 中实现集中式状态（…
在每次table的自适应大小调整时，都会出现 ResizeObserver loop limit exceeded错误， 解决方法:在main.js中加入如下代码即可，注意，要在Use 函数之前调用： // 解决 ElTable 自动宽度高度导致的「ResizeObserver loop limit exceeded」问题 const debounce = (fn, delay) => { …
在vue中 设置样式 style是 希望组件样式唯一，通常会使用scoped，当一个style标签拥有scoped属性时候，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。 但如果想修改组件中引用的其他组件的样式时就需要利用scoped的穿透，或者scoped看起来很好用，当在Vue项目中，当我们引入第三方组件库时(如使用vue-awesome-swiper实现移动端轮播)，需…
// html <number-jpan :length="6" @closeChange="closeChange($event)" ref="numberPad" :key="key"></number-jpan> //js <script> import numberJpan from "@/components/keyboard/numberJpan/n…
相比于vue2的this.$options.data() vue3 好像没有提供相应的方法重置数据 如果有的话请各位大佬再文章下方留言 告诉我 让我也涨涨姿势 我参考了网上其他人的做法 大多不靠谱 于是根据一版比较合理的答案改进了一下 如下 原始数据 let form = ref({ name: "", address: "", desc: "", logo: "", }) 重置方法 // 重置数…
首先合并单元格是表格功能中常见的问题，其中会有很多的坑，今天在做这个功能的时候，就陷入了很多的误区，下面就为大家罗列我遇到过的问题， 1、通过接口取数据渲染表格的时候，无法确认某个字段的值相同的数据有多少条时，要做的就是改造数据，或者让接口返回的时候带着（大神有什么更好的办法，勿喷） 2、合并行的时候，最需要注意的就是你合并的单元格是采用的第几行数据，除了这行数据之外的相同值的数据要是使用colS…
语法：子传父，使用updata进行值得双向绑定 vue的$emit("updata:props属性名"，子传父传参）双向绑定 父组件通过属性绑定进行双向绑定 原理：父组件通过ref调用子组件得方法，子组件可以通过上面的方法实现动态得数据绑定，也就是子组件和父组件都可以拿到这个值，此时父组件为更新后的值，子组件为更新后的值 父组件： <template> <my-form ref=…
因为是通过后端拿数据分别渲染不同的组件。 所以在筛选的时候出现了重复数据，对此我进行了以下去重的方法 UserSelect() { this.CountReprint = []; if (this.Count_Sprit_Select != "选择复刻次数") { for (let i = 0; i < this.Reprint.length; i++) { if (this.Reprint…