摘要:
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中的数据是保存在内存,所以刷新页面相当于是清除内存, 阅读全文