107浏览

0评论

适用于 Vue 的播放器组件Vue-Video-Player操作

如果h5的标签<vedio>不能满足你的需求，那就用这个组件Vue-Video-Player吧，也许可以覆盖到你的需求。<video-player class="video-player vjs-custom-skin" ref="videoPlay...

• 2021-05-31

91浏览

0评论

vue print.js打印支持Echarts图表操作

网上找的print.js做了修改，支持Echarts图表这里记录一下，不知道是哪家的代码了，我看都一样这里是看到了两个源码https://github.com/xyl66/vuePlugs_printjs/blob/master/print...

• 2021-05-31

131浏览

0评论

解决iView Table组件宽度只变大不变小的问题

示例：<Table class="my-table"></Table>打开开发者工具其实你可以发现iView给table标签的宽度加上了一个明确的宽度值，而且在父元素变小的时候这个值并没有相应地变小，所以才会...

• 2021-05-31

107浏览

0评论

vue 授权获取微信openId操作

1、获取url中参数code； 根据code 获取openId；调用后台接口获取openId 。参考文档：https://mp.weixin.qq.com/wiki&#63;t=resource/res_main&id=mp1421140842function getUrlKey...

• 2021-05-31

91浏览

0评论

vue+Element-ui前端实现分页效果

本文实例为大家分享了vue+Element-ui前端实现分页效果的具体代码，供大家参考，具体内容如下分页技术分页技术的概念分页就是将所有的数据分段展示给用户，用户看到的可能不是全部...

• 2021-05-31

125浏览

0评论

vue实现抽屉弹窗效果

本文实例为大家分享了vue实现抽屉弹窗效果的具体代码，供大家参考，具体内容如下以下代码比较简单。主要就是实现 侧边弹窗而且不会影响页面操作的方式，求点赞！！！不多说直接贴代码。...

• 2021-05-31

94浏览

0评论

基于Vue+Webpack拆分路由文件实现管理

事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。当我们用 vue-cli 工具，创建一个新的 vue 项目时，就已经给大...

• 2021-05-31

110浏览

0评论

浅谈vue在html中出现{{}}的原因及解决方式

原因：浏览器渲染机制，解析html结构 -> 加载外部脚本和样式表文件 -> 解析并执行脚本代码 -> 构造html dom模型 -> 加载图片等外部文件 -> 页面加载完毕。初始化vue的js写在页...

• 2021-05-31

126浏览

0评论

Vue 使用iframe引用html页面实现vue和html页面方法的调用操作

当我们需要在vue中使用其他模块或者其他地方的一些html页面功能时，我们可以使用iframe去引用html页面，实现他们的交互首先我们可以再vue页面中使用标签引用html页面<template>...

• 2021-05-31

84浏览

0评论

Vue基于localStorage存储信息代码实例

一 什么是localStorage对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStoragesessionStorage（临时存储） ：...

• 2021-05-31

72浏览

0评论

Vue 实现拨打电话操作

我就废话不多说了，大家还是直接看操作吧~<p>联系电话：<a :href="'tel:' + item.phone" rel="external nofollow" >{{item.phone}}</a></p>补充知识：vue移动项目中如何设置点击...

• 2021-05-31

115浏览

0评论

VueCli生产环境打包部署跨域失败的解决

常见的跨域配置(/config/index.js):proxyTable: { '/api': { target: 'http://192.168.2.139:8080/Mobile/Max', // 接口的域名 // secure: false, // 如果是https接口，需要...

• 2021-05-31

212浏览

0评论

在vue中嵌入外部网站的实现

利用iframetop:导航栏的heightleft:左侧菜单栏的widthsrc:右侧页面要嵌入的外部网站<template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no"...

• 2021-05-31

182浏览

0评论

解决iview table组件里的 固定列 表格不自适应的问题

当在使用iview Table组件里固定列功能时出现表格不自适应宽度问题 具体如下解决这个bug 很简单 把组件里的 width 改为 minWidth 即可columns: [ { title: '账户名', k...

• 2021-05-31

124浏览

0评论

Vue 列表页带参数进详情页的操作(router-link)

首先，仔细看文档！！！一点一点的踩坑过来的~~~这里介绍params和query两种方法1.用params传参列表页：<router-link :to="{ name:'msgDetail', params: {id: item.msg_id} }">（注意：用p...

• 2021-05-31

125浏览

0评论

详解vue修改elementUI的分页组件视图没更新问题

今天遇到一个小问题平时没留意，el-pagination这个分页组件有一个属性是current-page当前页。
今天想在methods里面手动修改他绑定的变量从而达到修改页码的效果，结果发现分页...

• 2021-05-31

119浏览

0评论

vue+Element-ui实现分页效果

本文实例为大家分享了vue+Element-ui实现分页效果的具体代码，供大家参考，具体内容如下当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的...

• 2021-05-31

530浏览

0评论

vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作

vuex数据改变，组件中页面不渲染相信许多vuex新手都会遇到这样的问题：vuex数据更新后，插件中使用数据的地方没有更新这样的代码data() { return { tableData: this.$store.stat...

• 2021-05-31

86浏览

0评论

Vue指令实现OutClick的示例

原始实现下面是两种常见的模态框的实现方式方案一：默认 click 都是放在冒泡阶段，只要在内容区域上添加 click 的阻止冒泡即可<div class="cover" @click="close"> <!-- 阻止冒...

• 2021-05-31

88浏览

0评论

Vue中使用JsonView来展示Json树的实例代码

前两天干活儿有个需求，在前端需要展示可折叠的Json树，供开发人员查看，这里采用JsonView组件来实现，它是一款用于展示Json的Vue组件，支持大体积的Json文件快速解析渲染，下面记录一...

• 2021-05-31

74浏览

0评论

Vue使用路由钩子拦截器beforeEach和afterEach监听路由

在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总...

• 2021-05-31

69浏览

0评论

Vertx基于EventBus发送接受自定义对象

先看官方文档步骤:需要一个编解码器,看源码:可见内置了需要数据类型的实现,所以发送其他消息可以发送,但是如果发送自定义对象就需要自己实现编解码逻辑了一 自定义编解码器...

• 2021-05-31

101浏览

0评论

vue 中使用print.js导出pdf操作

1.print.js// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this....

• 2021-05-31

86浏览

0评论

Vue使用Proxy代理后仍无法生效的解决

vue.js 配置了前端代理却未能生效记录一下最近踩得小坑：配置完代理后请一定重新执行（重要，非常重要！）npm run dev若重新执行命令后，代理仍为生效，请按下方步骤进行检查：检查index.js...

• 2021-05-31

71浏览

0评论

vue点击Dashboard不同内容 跳转到同一表格的实例

1.点击跳转写法点击页面内容：优先级<router-link :to='{ path: "/cases/case",query: { priorityId: 0 ,type:"priorityId"}}' style="color: #515a6e;">优先级</router-link...

• 2021-05-31

105浏览

0评论

Vue实现boradcast和dispatch的示例

这篇内容主要是学习掘金小册vue组件精讲的一个案例，自己做下笔记，以免日后忘记。1.mixins（混入）我所理解的mixins就是共享，就好比面向对象里面的原型prototype那种感觉的东西，把相...

• 2021-05-31

113浏览

0评论

vue+Element-ui实现登录注册表单

本文实例为大家分享了vue+Element-ui实现登录注册表单的具体代码，供大家参考，具体内容如下登录注册表单验证通过Element-ui的表单实现登录注册的表单验证效果图如下注册登录表...

• 2021-05-31

75浏览

0评论

vue组件中传值EventBus的使用及注意事项说明

主要想说下非父子组件之间的通信。项目场景：在app.vue里写了一个公共的顶部导航navbar，然后右侧有个分享按钮，而这个分享按钮只有在特定的页面才展示，项目里是在lottery.vue页面...

• 2021-05-31

78浏览

0评论

Vue 数据绑定的原理分析

原理其实原理很简单，就是拦截了Object的get/set方法，在对数据进行set(obj.aget=18)时去重现渲染视图实现方式有两种 方式1定义了同名的get/set就相当于定义了age var test =...

• 2021-05-31

91浏览

0评论

详解vue中在父组件点击按钮触发子组件的事件

我把这个实例分为几个步骤解读：1、父组件的button元素绑定click事件,该事件指向notify方法
2、给子组件注册一个ref=“child”
3、父组件的notify的方法在处理时，使用了$refs....

• 2021-05-31

75浏览

0评论

vue iview 隐藏Table组件里的某一列操作

1、假设我要隐藏columns里的 “账户组名称”columns: [{ type: 'selection', width: 60, align: 'center'},{ title: '账号ID', key: 'accountIdString'},{ title: '账号名...

• 2021-05-31

62浏览

0评论

vue切换菜单取消未完成接口请求的案例

在做别的功能时 console里面总会报别的菜单接口里的错 看的很心烦 于是想优化一下 就有了这篇文章 在切换菜单的时候取消所有未完成接口的请求1.找到自己的请求拦截器 重点...

• 2021-05-31

84浏览

0评论

Vue 3.0中jsx语法的使用

Vue 3.0 正式发布了，喜大普奔&#128513;。新的语法又要学习一阵阵，不过需要在生产环境下大面积使用，可能需要等到它的周边工具：vuex，vue-router 等等全部升级完毕。Vue 3.0 中尤大...

• 2021-05-31

89浏览

0评论

Vue+Element-U实现分页显示效果

本文实例为大家分享了Vue+Element-U实现分页显示效果的具体代码，供大家参考，具体内容如下当我们从后端返回的数据量很大，并且根据需求我们需要将返回的数据全部都显示在页面中，...

• 2021-05-31

84浏览

0评论

一篇超完整的Vue新手入门指导教程

前言
新建项目近些年前端开发快速发展，现在学习前端已经不像以前那样仅仅学习一个语法就可以了，它已经是一门编程技术了，它们有自己独立的类似Main函数的入口，有像MVC一样规范好...

• 2021-05-31

115浏览

0评论

解决Antd Table表头加Icon和气泡提示的坑

对于Antd Table组件的columns数组来说，它需要接受2个属性（filterDropdown，filterIcon）才能在表头某个属性旁展示图标Icon：columns: [{ title: '表达式', dataIndex: 'formulaTen...

• 2021-05-31

76浏览

0评论

快速解决vue2+vue-cli3项目ie兼容的问题

刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出...

• 2021-05-31

97浏览

0评论

vue中echarts的用法及与elementui-select的协同绑定操作

1.vue中echarts的使用 引入echarts后let myChart = echarts.init(document.getElementById('dsm'));//dsm为绑定的dom结构 var option = { //backgroundColor:"#111c4e...

• 2021-05-31

73浏览

0评论

springboot+vue实现文件上传下载

本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下一、文件上传（基于axios的简单上传）所使用的技术：axios、springboot、vue;
实现思路：通...

• 2021-05-31

75浏览

0评论

vue在图片上传的时候压缩图片

需求：上传到服务器的图片太大会导致服务器承受不了，故在前端传图片的时候将图片压缩后再传到服务器直接上代码async getRealName(){ let nickname = this.nickname.trim()...

• 2021-05-31

191浏览

0评论

详解vue实现坐标拾取器功能示例

需求
1、搜索具体地址，自动填写经纬度，并在地图上标记2、点击地图上一点，可重新填写经纬度并且标记
代码在dom新建div渲染地图<el-form-item label="店铺地址" prop="address">...

• 2021-05-31

88浏览

0评论

vue 获取到数据但却渲染不到页面上的解决方法

能获取到数据 数据却渲染不到页面上问题描述： 我数据全部拿到了，js 里面写 console.log( musics ) 数据打印出来都正确，但是页面里面就是不显示。很多时候对数据进行处理了，但是...

• 2021-05-31

77浏览

0评论

详解Vue数据驱动原理

前言Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。 比如你想修改div#app里的内容:/// JQuery<div id...

• 2021-05-31

81浏览

0评论

vue的webcamjs集成方式

记一次在vue中使用webcamjs调取pc端摄像头拍照说明本例调用摄像头基于webcamjs第一步： Photo.vue 组件<template> <div> <div id="results">Your captured image will appea...

• 2021-05-31

73浏览

0评论

ant design pro中可控的筛选和排序实例

我就废话不多说了，大家还是直接看代码吧~/** * Created by hao.cheng on 2017/4/15. */import React from 'react';import { Table, Button } from 'antd';const data = [{...

• 2021-05-31

67浏览

0评论

vue+vant实现购物车全选和反选功能

本文实例为大家分享了vue+vant实现购物车全选和反选的具体代码，供大家参考，具体内容如下这是效果图：话不多少,直接上代码:<template> <div class="cart"> <div class="st-spaci...

• 2021-05-31

69浏览

0评论

vue+iview实现分页及查询功能

vue+iview 分页及删、查功能实现，供大家参考，具体内容如下首先要想实现分页功能必须得知道 当前页码、每页大小、总数目。iview对分页的功能支持还是很强大的，有很多钩子函数具...

• 2021-05-31

98浏览

0评论

解决vue elementUI 使用el-select 时 change事件的触发问题

如下所示：<el-select v-model="level" size="mini" placeholder="请选择" :change="selectChange()"> <el-option v-for="item in select" :key="item.value" :label="item.l...

• 2021-05-31

81浏览

0评论

Vue如何循环提取对象数组中的值

1.数据如下，提取name和callcount2代码.getQueryCallStatistics("sesp1", this.provinceId).then((res) => { let arr = []; let arr1 = []; let arr2 = []; let...

• 2021-05-31

82浏览

0评论

vue3.0实现点击切换验证码(组件)及校验

本文实例为大家分享了vue3.0实现点击切换验证码(组件)及校验的具体代码，供大家参考，具体内容如下先看效果父组件<template> <div class="login"> <van-field center clearab...

• 2021-05-31