伟笑

摘要： import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) //以下代码解决路由地址重复点击的报错问题 const originalPush = Router.prototype.push Router.prototyp 阅读全文

摘要： 一、组件传值 1、父组件——>子组件（属性传值） 在父组件页面引入子组件并在，儿子身上绑定属性 :list = "list" ； 父组件页面data中填写要传递的值 list[a,b,c]， 子组件页面接受 props: { list: { type: Array, default() { retu 阅读全文

摘要： 1、操作按钮 <el-container> <el-aside :width="isCollapse ? '64px' : '170px'"> <div :class="toggleButton" @click="togleCollapse"> <img src="../../assets/img/ 阅读全文

摘要： watch就是监听data值中数据的变化，然后在回调函数中做一些事情。 使用场景：1、在input输入时监听数据的变化从新赋值。 参考：https://juejin.im/post/5ae91fa76fb9a07aa7677543 2、在redio单选框切换时，监听当前的index值，从而请求不同的 阅读全文

摘要： 1 <template> 2 <div> 3 <el-row :gutter="30"> 4 <el-col :span="12"> 5 <el-card> 6 <div id="typeChart" style="width: 600px;height:400px;"></div> 7 </el- 阅读全文

摘要： 第一：安装依赖 npm install -S file-saver xlsx npm install -D script-loader 第二：新建两个js文件（Blob.js和Export2Excel.js） Blob.js： /* eslint-disable */ /* Blob.js * A 阅读全文

摘要： 一、组件代码 1 <template> 2 <div class="s-canvas"> 3 <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> 4 </div> 5 </template> 6 阅读全文

摘要： 在vue中使用screenfull.js实现网页全屏： 1、npm 下载到项目中：npm install --save screenfull 2、在需要用到的组件中引入：import screenfull from 'screenfull' 3、定义全屏点击方法： 1 data(){ return{ 阅读全文

摘要： 当你第一次接触vue的时候，一定会使用到其中的几个指令，比如：v-if、v-for、v-bind...这些都是vue为我们写好的，用起来相当的爽。如果有些场景不满足，需要我们自己去自定义，那要怎么办呢？下面来一步步学习如何自定义一个属于我们自己的指令。 vue自定义指令的基础知识 钩子函数 在消息处 阅读全文

摘要： vuex：专为vue开发的一个状态管理模式，相当于保存数据的一个大仓库，可以在任何地方对数据进行改变，其他组件中使用该数据时可以实时更新。 localstorage：浏览器缓存，将数据保存在本地，除非被清除，否则永久保存。 两者区别： 1.vuex中的数据是保存在内存，所以刷新页面相当于是清除内存， 阅读全文