随笔分类 - web前端
摘要：VUE+ElementUI中为el-select添加滚动加载事件 当一个下拉框的数据有很多时，如果我们直接把所有的数据渲染出来，肯定是不现实的，不仅加载慢还影响性能，所以需要对下拉框做滚动加载的处理 知识拓展 Vue.directive(id, [definition])，注册或获取全局指令，不做过
阅读全文
摘要：在非父子组件通信时，可以使用通常的bus或者使用vuex，但是实现的功能不是太复杂，而使用上面两个又有点繁琐。这是，observable就是一个很好的选择 observable 官方定义是让一个对象可响应。Vue内部会用他来处理data函数返回的对象。 返回的对象可以直接用于渲染函数和计算属性内，并
阅读全文
摘要：vuex的相关使用 mapState,mapActions,mapGetters,mapMutations vuex中数据的调用 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.S
阅读全文
摘要：1. 安装router 2. 配置router 在src文件夹下新建router文件夹 index.js 在src router index.js中配置 第三步：状态管理(vuex)的安装与配置 1. 安装vuex 2. vuex的介绍 State：单一状态树，用来存储数据，和vue中的data有着
阅读全文
摘要：当在el form组件中有按钮组件的时候会出现回车提交刷新问题，这个时候需要在el form上面添加阻止提交刷新事件 在el form中添加@submit.native.prevent，如下图所示
阅读全文
摘要：在vue中使用filters Vue.js自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 可以在一个组件的选项中定义本地的过滤器： 或者在创建 Vue 实例之前全局
阅读全文
摘要：一般在监听文本框输入时监听文本内容改变事件，可以使用oninput和onchange事件，两者区别在于oninput在文本输入状态可以一直监听变化，onchange在文本框失去焦点时才会触发，所以要想在输入内容是执行相关操作可以使用oninput 但是在文本输入时，如果输入的时汉字，它在拼音拼写的过
阅读全文
摘要：在vue中使用v if判断数组的长度时出现报错 报错如下 出现这个问题的原因是在判断数组长度的时候没有进行数组是否存在的判定 所以在v if中需要添加判断数组存在，如下图
阅读全文
摘要：这个问题归结于自己的不细心，如下图。 头疼了好久，才发现是自己多写了一个s，在此记录一下。
阅读全文
摘要：
阅读全文
摘要：在vue中使用Element的message组件 在vue文件中使用 在js文件中使用 解决消息弹窗重复显示 在有需要的地方引入 js文件中直接使用 挂载到vue原型上
阅读全文
摘要：1. 返回的菜单数据 2. tree组件的使用
阅读全文
摘要： ```html 编辑 ``` ```javascript // 父组件 editRole(index, row) { // 调用子组件中的setRole函数，并传递该行数据 this.$ref...
阅读全文
摘要：VUE中使用Axios axios的安装 ` npm install axios vue axios ` axios在vue的配置与使用 在main.js中引入axios和vue axios 在vue中使用axios和vue axios 配置axios基础地址 配置axios基础请求头 在进行请求的
阅读全文
摘要：组件间通信 vue组件之间的通信方式包括父子通信、子父通信和非父子通信 父子间通信 子父间通信 通过发布者 监听着的方式进行子父间数据通信 非父子通信 以Vue实例作为中央时间主线
阅读全文
摘要：屏幕滚动时可以监听到的事件，实现滚动tab切换，和返回顶部 获取页面被卷起的高度 Math.max(document.documentElement.scrollTop, document.body.scrollTop); 屏幕分辨率的高 window.screen.height; 屏幕分辨率的宽
阅读全文
浙公网安备 33010602011771号