上面就是两张效果图都是网页应用 添加cli-plugin-pwa 给现有的vue项目添加，使用下面命令： vue add pwa npm install register-service-worker // 如果报错的话 就是用下面的 npm install -D @vue/cli-plugin-pwa 这个依赖的版本最好跟 @vue/cli-pl…
建议使用mixin混入 /** * element Pagination分页 删除最后一条数据返回上一页问题 * @param {Number} tablepage.total : 总数据条数 * @param {Number} tablepage.limit: 每页多少条数据 * @param {Number} tablepage.page: 当…
复制即可使用，有些地方需要更改 echarts版本为： "echarts": "^4.9.0", 或者去echarts 官网查看我自己的用户示例、官方示例 <template> <div id="Flow" ref="flow"></div> </template> <script&…
1、现在最外层的div加上 <div id="index" ref="appRef" class="index_home" :class="{ pageisScale: isScale }" > </div> 2、CSS样式 #index { color: #d3d6dd; width: 1920px; height: 10…
单个页面直接使用 // 已删除的值不要加载 let edit = [...this.editdata.pid]; // 使用展开运算符将数组列出来 this.roleform.pid = []; // 页面下拉框 select绑定的表单字段 先清空 setTimeout(() => { // 使用定时器异步执行 this.co…
在计算属性中找到全局定义的值(也是要计算的) computed: { // 计算添加终端 billings () { let sms_num = this.sms_num return { sms_num, } }, }, 使用watch监听computed中的billings watch: { // 监听添加短信数量 billings: { ha…
<el-input v-model="value" onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" type="number"></el-input> el-input只能输入数字以及数字范围问题 el-input只能输入数字 …
创建一个editCell.vue页面用来封装 <template> <div class="editCell"> <div class="canEdit" v-if="CanEdit" @click="beginEdit"> <label v-show="!editStatus"> <span …
新建文件 directives.js import Vue from 'vue'; // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.…
需求说明 在前端开发中，往往会遇到页面需要实时刷新数据的情况，给用户最新的数据展示。 逻辑分析 如果需要数据实时更新，我们自然是需要使用定时器，不断的调用接口数据，会相对的消耗内存。 代码示例 data(){ return { intervalId:null } }, methods:{ // 定时刷新数据函数 dataRefreh() { // …