前端-尔嵘

中读取保存的滚动条高度，并使用。方法获取当前滚动条的位置。方法将表格滚动到指定位置。

vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和vue是必备技能。4:基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本 http://www.daiwei.org/vue-music/想用vue把我现在的个人网站重新写一下，新的风格，新的技术，什么都是新的。

通过对chunk生成的css和js文件数量和大小做限制，对代码进行压缩和分割，线上生产环境下使用cdn方式等对webpack打包优化。

在Vue中实现接口的定时刷新

在上述代码中，我们引入了Leaflet.js和天地图离线地图插件的依赖。在initMap方法中，我们创建了一个地图实例，并使用L.tileLayer.wmts方法来添加天地图离线地图瓦片图层。请将'path/to/offline/tiles/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png'替换为实际的离线瓦片文件的路径。要在Vue中加载天地图的离线地图，你可以使用L.TileLayer.WMTS插件来实现。

vue项目要部署到局域网内，不使用在线地图，而是离线地图，寻求了很多的解决方案，最终决定使用离线地图瓦片+leaflet.js实现效果！首先需要下载正版的软件，目前我实用的是V3.0版本的，可能和之前的有部分差异化，这个也属于正常。

当我们安装依赖（npm install）后一直报错，会发现是因为vue 和 vue-template-complier版本不统一，只需要卸载其中一个（带着版本号），然后重新安装另外一个版本号的皆可解决。不过更加推荐办法一的，如果其他项目的vue版本号不统一了就又是麻烦！

【代码】vue2+Ant实现省市区三级联动下拉选择组件。

在 Vue 中，全局状态指的是所有组件都可以访问和修改的共享数据状态。具体来说，它通常是通过 Vuex 这个官方状态管理库实现的。

【代码】基于vue 手写一个promise。

本文是一篇基于vue2和ant-design实现的前端简易工单弹窗的功能示范！代码可能不完整，仅供参考，拒绝完全白嫖！

目录引言：关键词：正文：一、如何安装或者引入：二、如何引入：三、如何使用：四、完整代码：五、效果图 参考： 前面我的文章介绍了vue中引入高德地图实例的，详情可以去参考，由于需求增加，地图要做的更加美观、数据更加符合真实的空间数据呈现，依旧选择高德地图的API，这里我们选择引入高德地图 在vue中加载 数据可视化 Loca api 2.0版本。 vue、高德地图、LOCA、数据可视化 Loca 数据可视化 API 2.0（以下简称为LOCA API 2.0）是一个基

当然，代码肯定不能完全拿来用，可以参考某一部分，这个上传的图片是保存到了第三方的存储平台拿的url，具体看你自己需求吧！如何使用Ant-design-vue中的。上传组件进行图片或者视频的上传呢？.........

在vue2的管理系统平台中，我们会遇到，如果是登陆之后，用户长期不操作，但是我们要提示用户登录已过期请重新登录之类的操作，页面重定向。一般我们接口请求中都会一个token，这个token是在登陆成功之后，后端给你请求接口鉴权使用的，但是token是有服务期限的，即token超时后会失效，这个失效时间需要后端设置的，当然前端可以跟他商量一下。下面是全部代码，既有axios请求封装，又有拦截器，请看以下request.js：import axios from 'axios'// import {Me

在使用push传参，parmas接收参数，接收为空如下：//传值 idthis.$router.push({ name: "centerTop", parmas: { id: 2020, content: content }})console.log(content)//接收 idgetContent(){ if(this.id == 2020){ this.content = this.$router.pa

说明：该导出主要是基于后端做的，前端拿到二进制blob文件流。方法三: 兼容IE和谷歌、火狐浏览器。方法二：导出后需要用execl打开。方法一：导出后直接打开的是表格。

vue高德地图中修改标记点的图标形状、样式

vue项目中 script-loader 报错及其解决

依赖:nuxtbootstrap-vuecore-js

效果：实现三个独立的下拉框，没有使用elementUI那种效果。代码：（1）template：<div style="display: flex"> <div class="future_mix3"> <!-- <span>选择省</span> --> <select v-model="prov" @change="updataCity();updataSub()" style=.

后台返回的数据中有些数据是开关量，不是0就是1，但是0该如何判断去除呢？this.dataList = [];let dataObj = {};for(let excelItem of res.data){ //0在判断条件中默认null dataObj ={ carSy: excelItem.carSy != null ? excelItem.carSy: "--" } this.dataList.push(dataObj);}...

template：/** 数据过于真实，有些不便于展示，仅供参考思路，大致写法* */<el-form :inline="true" @submit.native.prevent @keyup.enter.native="getProtectorList()" label-width="120px"> <el-form-item> <el-button size="small"

https://www.uviewui.com/components/intro.html

template: <a-tree v-if="treeData.length" :checkable="true" v-model="checkedSiteId" :checkStrictly="true" :tree-data="treeData" defaultExpandAll ref="treeForm" :replaceFields="{ children: 'children', title: 'title', key

1.vue中如何快速实现页面的全屏？案例1：点击fullScreen按钮（icon），实现整个页面的全屏：代码：<a-icon type="fullscreen" style="font-size: 22px;margin-left: 10px;" id="fullscreen_button" @click="handleFullScreen()"/>export default { name: "index", data(){ ret

1.使用ant-vue始终报这个警告，因为ant-vue的新版本废弃了a-locale-provide2.解决如下：找到App.vue，将<a-locale-provider :locale="locale"></a-locale-provider>修改为：<a-config-provider :locale="locale"></a-config-provider>...

如何实现Ant-vue中表格的新增、修改、删除？实现源码：<template> <a-card style="margin-top: 24px;"> <a-row> <a-col :xl="24" :md="24" :sm="24"> <a-form-model layout="inline"> <a-form-model-item> ...

vue页面中一直这个错误警告，这是由于该页面的name命名不正确有关系，记住，name值不能按照以下命名，否则就会报错：name不能是"header"、"footer"、"menu"修改代码页面：export default { name: 'menuErRong', data() { }}...

定义：Vue.js 的内联表达式非常方便，但它最合适的使用场景是简单的布尔操作或字符串拼接。如果涉及更复杂的逻辑，你应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。计算属性的setter：计算属性默认只有 getter，不过在需要时你也可以提供一个 setter：// ...computed: {

<a-table :columns="columns" :data-source="data" :scroll={y:80} :pagination="false" bordered style="overflow-y: hidden;margin: 0;padding: 0;"> <template slot="operation" slot-scope="text, record, index"> <div class=.

前言：在Ant-Design-Vue的前端项目中，我们会经常处理表格，表单这些组件元素，熟练运用并知道它们在使用过程中的联系与区别，这是一个前端必不可少的哟。本文我旨在解决两个问题：（1）如何便于更好的嵌套多级表头（2）如何通过a-checkbox控制全选，单选显示a-table对应的列元素类似于ElementUI,Ant-Design-vue中有很多相似点，但又不完全苟同，有很多自己独有的写法和思想。相信很多人都是先入手ElementUI,再入手Ant,这其实是对开发者比较友好的方式，如果

报错内容：报错原文：vue.runtime.esm.js?a593:619 [Vue warn]: Property or method "value" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializ

一、图片验证码<el-form-item prop="captcha"> <el-row :gutter="20"> <el-col :span="14"> <el-input ref="inputCaptcha" v-model="dataForm.captcha" placeholder="验证码" onkeyup="value=value.replace(/[^\a-\z\A-\

为了在一个页面调用多个柱形图，那么回了柱形图，其他的图形封装成组件是不是可以举一反三呢？ 我们选择封装组件的形式，方便随调随取，数据分离，互不影响。话不多说，开弄。一、组件：（@/components/custom/barCharts.vue）<template> <div class="echarts"> <!-- 柱形图组件 --> <div :id="id" :echartObj="echartObj" :st

如图，目标需求是隐藏下图圈起来的部分：原始代码：var geolocation = new AMap.Geolocation({ // 是否使用高精度定位，默认：true enableHighAccuracy: true, // 设置定位超时时间，默认：无穷大 timeout: 10000, // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20) buttonOffset: new AMap.Pixel(10, 20), //

let _this = this, queryParams = []; queryParams.push(_this.currentNodeId); _this.$refs['plantInfo'].validate((valid) => { if (valid) { _this.loading = true; .

按照npm安装cnpm 的命令：npm install -g cnpm --registry=https://registry.npm.taobao.org报错如果下：npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142npm WARN deprecated har-validator@5.1.5: this lib

目标需求：在历史查询列表页面中加入查询的转圈的loading加载动画。目标实现：（1）给el-table绑定加载动画 v-loading="listLoading" <el-table v-loading="listLoading" :data="dataList" border :max-height="scrollTableHeight" @selection-change="dataListSelec

在做增删改查的新增时候，弹窗是表单。发现新增时候并没有对表单重置，并未将其值重置为初始值并移除校验结果首先看表单是怎么写的：-----------------------------------错误示例------------------------------------------<el-form :model="dataForm" :rules="dataRule" ref="dataForm" v-loading="dataFormL

在网关通讯中，我们通常会遇见这些情况：网关离线、越上限、越上上限、越下限、越下下限、0-1变位报警，1-0变位报警。这基本上是网关通讯中最常见的报警类型。那么对于前端vue+后端java模式的技术选型下如何实现实时的报警提醒（弹窗、短信、声音）、历史报警查询等功能的实现呢？毫无疑问，我们是做全局的实时报警处理。...