ygx_work的博客

安装xlsx npm install xlsx import XLSX from 'xlsx' 上传与预览 页面组件 <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> <el-upload ref="upload" accept=".xlsx, .xls" :disabled="upload.isUploading" action=""

响应式原理 Vue 内部使用了 Object.defineProperty() 来实现数据响应式，通过这个函数可以监听到 set 和 get 的事件。 var data = { name: 'yck' } observe(data) let name = data.name // -> get value data.name = 'yyy' // -> change value fu...

Vue 的表单可以使用 v-model 支持双向绑定，相比于 React 来说开发上更加方便，当然了 v-model 其实就是个语法糖，本质上和 React 写表单的方式没什么区别。 改变数据方式不同，Vue 修改状态相比来说要简单许多，React 需要使用 setState 来改变状态，并且使用这个 API 也有一些坑点。并且 Vue 的底层使用了依赖追踪，页面更新渲染已经是最优的了，但是 R...

产生的原因 原因是在使用组件时，设置了默认选中，因此页面刷新，导航发生了变化，而路由及页面并未改变 :default-active="activeIndex" data() { return { activeIndex: '1', }; }, 解决办法 第一步，同样还是要使用默认选中 :default-active="leftNavActive"...

vue动态渲染导航栏和面包屑 废话不多说，直接上代码。 第一步，引入element-ui，这个步骤参考element-ui的官方网站 第二步，基础架构 <div id="leftNav"> <el-menu class="el-menu-vertical-demo" text-color="#ff...

判断用户权限，可以说是每一个项目都会用到的，因此，提供给大家较为简单的方法。 主要思想是通过判断用户登录后，根据后台返回的对应用户权限去验证用户是否可以进行相关的操作。 第一步，创建路由 提供部分代码，用于解释 { path: '/', redirect: '/login', }, { path: '/login', name: 'login', ...

封装axios 在vue中常用的请求方式就是axios，下面讲解axios的封装方式 第一步，需要引入axios import axios from 'axios'//引入axios import router from '../router/index'//引入路由 第二步，定义新的axios let instance = axios.create({ timeout:10000,//...

生命周期钩子函数 在 beforeCreate 钩子函数调用的时候，是获取不到 props 或者 data 中的数据的，因为这些数据的初始化都在 initState 中。 然后会执行 created 钩子函数，在这一步的时候已经可以访问到之前不能访问到的数据，但是这时候组件还没被挂载，所以是看不到的。 接下来会先执行 beforeMount 钩子函数，开始创建 VDOM，最后执行 mounted ...