85浏览

0评论

vue使用lodop打印控件实现浏览器兼容打印的方法

前言此控件直接进行打印底部会有水印，通过官网购买可以解决；
如不想购买，可先执行预览，弹出预览框进行打印；
需要用到的js文件和api文档附后，请注意查看。
首先需要在局部或全局引...

• 2021-05-27

104浏览

0评论

vue仿携程轮播图效果(滑动轮播,下方高度自适应)

先看案例，使用vue+swiper实现，slide不同高度时，动态计算盒子高度，让其下方高度自适应的效果首先搭建vue项目，这里不做过多说明，然后安装swipernpm install swiper --save-dev1. js...

• 2021-05-27

202浏览

0评论

WebStorm无法正确识别Vue3组合式API的解决方案

1 问题描述
Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：2 尝试方案
猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以...

• 2021-05-27

47浏览

0评论

基于vue的video播放器的实现示例

当现有video播放器不能满足需求时，需要自己对video进行封装。video事件 loadstart: 在视频开始加载时触发，给currentTime赋值(历史播放记录或0)。 durationchange: 元信息已...

• 2021-05-27

57浏览

0评论

用vite搭建vue3应用的实现方法

一,安装
提示: VUE3.0目前还没有官方的翻译文档。但是已经有人翻译了。得到了尤雨溪大佬的点赞，这里附上网址https://v3.cn.vuejs.org/1.安装 cli
因为要使用 vue3 必须要求...

• 2021-05-27

45浏览

0评论

解决vue项目本地启动时无法携带cookie的问题

解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie说一下问题：公司的老项目，从gitLab上克隆下来，启动之后登录，接口返回登录成功，然后又调用其他的接口的时候...

• 2021-05-27

93浏览

0评论

vue使用echarts画组织结构图

昨天，写了一篇关于圆环进度条的博客（请移步：Vue圆环进度条），已经烦不胜烦，今天又遇到了需要展示类似公司的组织结构图的功能需求，要冒了！！！这种需求，自己用div+css也是可以实现的，但是没...

• 2021-05-27

55浏览

0评论

Vue如何实现变量表达式选择器

在 input 输入框中输入表达式在中台项目中是比较常见的场景。其通常是输入一个特定的字符时(如 $ 字符)，显示下拉列表，用户点选下拉列表中的变量，然后继续在 input 输入框中输...

• 2021-05-27

77浏览

0评论

Vue实现todo应用的示例

背景
首先声明，本人并不是前端大神，看过我之前的内容应该知道，我擅长做后端，虽然前端略有涉略，但谈不上精通，连熟悉都勉强。写这个系列的目的仅仅只是出于好奇，好奇为何前几年还是J...

• 2021-05-27

110浏览

0评论

Element el-button 按钮组件的使用详解

1. 背景
按钮是很常用的，Element的按钮功能还是比较全面的，本篇就来介绍下。先看下各种按钮的效果图：在分析源码前，我们先来看一下官方文档对于button的使用说明：2. 按钮分类
el-...

• 2021-05-27

141浏览

0评论

vue实现可移动的悬浮按钮

本文实例为大家分享了vue实现可随处移动悬浮按钮的具体代码，供大家参考，具体内容如下1.html代码<div class="callback float" @click="onClick" @mousedown="down" @touchstar...

• 2021-05-27

87浏览

0评论

vue3.0封装轮播图组件的步骤

接着上一篇文章，熟悉vue3.0的基本用法，和使用一段时间以后，开始准备开发适用于vue3.0使用的pc端的组件库。会陆续跟新一些组件库的写法和注意事项，有兴趣的同学可以多多...

• 2021-05-27

55浏览

0评论

Vue-router编程式导航的两种实现代码

页面导航的两种方式声明式导航：通过点击链接实现导航的方式，叫做声明式导航
例如：普通网页中的 <a></a> 链接 或 vue 中的 <router-link></router-link>
编程式导航：通过调用Jav...

• 2021-05-27

137浏览

0评论

vue 使用monaco实现代码高亮

使用的是vue语言，用element的组件，要做一个在线编辑代码，要求输入代码内容，可以进行高亮展示，可以切换各不同语言，而且支持关键字补全，还要有一个各不同版本间的代码左右比较，这就是...

• 2021-05-27

81浏览

0评论

详解vite2.0配置学习(typescript版本)

介绍尤于溪的原话。 vite与 Vue CLI 类似，vite 也是一个提供基本项目脚手架和开发服务器的构建工具。 vite基于浏览器原生ES imports的开发服务器。跳过打包这个概念，服务端...

• 2021-05-27

48浏览

0评论

vue-router路由懒加载及实现的3种方式

什么是路由懒加载？也叫延迟加载，即在需要的时候进行加载，随用随载。官方解释：
1：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 2：如果我们能把不同路由对应的组件分...

• 2021-05-27

107浏览

0评论

vue实现拖拽进度条

本文实例为大家分享了vue实现拖拽进度条的具体代码，供大家参考，具体内容如下组件代码：<template> <div> <div class="slider" ref="slider"> <div class="process" :style="...

• 2021-05-27

85浏览

0评论

vue 使用饿了么UI仿写teambition的筛选功能

问题描述
teambition软件是企业办公协同软件，相信部分朋友的公司应该用过这款软件。里面的筛选功能挺有意思，本篇文章，就是仿写其功能。我们先看一下最终做出来的效果图大致的...

• 2021-05-27

51浏览

0评论

vue脚手架项目创建步骤详解

vue脚手架 —> vue.cli快速的创建一个大型的功能齐全的vue项目模板(初始化项目)土味解释:快速的创建一个空的vue项目安装(全局安装) 全局安装> npm i @vue/cli -g 创建vu...

• 2021-05-27

56浏览

0评论

vite2.0+vue3移动端项目实战详解

一.涉及技术点
vite版本 vue3 ts 集成路由 集成vuex 集成axios 配置Vant3 移动端适配 请求代理二.步骤
vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-...

• 2021-05-27

64浏览

0评论

vue 数据双向绑定的实现方法

1. 前言
本文适合于学习Vue源码的初级学者，阅读后，你将对Vue的数据双向绑定原理有一个大致的了解，认识Observer、Compile、Wathcer三大角色（如下图所示）以及它们所发挥的功能。本...

• 2021-05-27

78浏览

0评论

手写Vue2.0 数据劫持的示例

一：搭建webpack
简单的搭建一下webpack的配置。新建一个文件夹，然后init一下。之后新建一个webpack.config.js文件，这是webpack的配置文件。安装一下简单的依赖。npm install w...

• 2021-05-27

60浏览

0评论

vue3 Teleport瞬间移动函数使用方法详解

vue3 Teleport瞬间移动函数的使用，供大家参考，具体内容如下Teleport一般被翻译成瞬间移动组件,实际上是不好理解的.我把他理解成"独立组件"他可以那你写的组件挂载到任何你想...

• 2021-05-27

41浏览

0评论

Vue-router路由该如何使用

一、说明
Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配...

• 2021-05-27

98浏览

0评论

vue中h5端打开app(判断是安卓还是苹果)

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在h5端开发的过程中,我们经常需要点击一个按钮来判断用户使用安装了app(首先判断是安卓还是苹果,然后判断是否安装了app...

• 2021-05-27

61浏览

0评论

vue 动态添加的路由页面刷新时失效的原因及解决方案

问题描述
昨天在做vue后台管理系统有关权限页面动态添加到路由的功能时，遇到一个问题：动态添加的路由页面，在页面刷新时出现了404的情况。场景
后台管理系统的权限控制是通过在...

• 2021-05-27

69浏览

0评论

vue-router懒加载的3种方式汇总

未使用懒加载import Vue from 'vue';import Router from 'vue-router';import HelloWorld from '@components/HelloWorld';Vue.use(Router);export default new Router({rou...

• 2021-05-27

146浏览

0评论

vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案

场景
今天在使用 v-model 进行组件双向数据绑定的时候遇到了一个奇怪的问题，网页本身运行正常，浏览器一直出现警告信息。[Vue warn]: Avoid mutating a prop directly since t...

• 2021-05-27

102浏览

0评论

vue-cli中实现响应式布局的方法

我们在进行前端开发中必然会遇到PC与移动端的适配，面对这样的问题有些公司会准备两个页面，移动是移动，PC是PC，而响应式布局就是根据用户不同的机型展示不同的页面，废话不多说，直接...

• 2021-05-27

51浏览

0评论

详解Vue.js 可拖放文本框组件的使用

可拖放文本框允许用户通过拖动备选项至文本框来确定输入，其实也可以说是 combobox 的一种变形。 与 combobox 相比，这种组件能让用户更加直观的看到所有备选项，并且可以是多个...

• 2021-05-27

75浏览

0评论

vue3.0中使用element的完整步骤

前言： 在vue3.0中使用element框架，因为element是支持vue2.0的，他推出的支持vue3.0的版本叫 element-plus官网入口：点我进入一、个人遇到的问题与解决办法：遇到的问题：我直接...

• 2021-05-27

58浏览

0评论

vue3.0 项目搭建和使用流程

最近在重构一个老项目，领导要求使用新的技术栈。好吧，是时候秀一波我新学的vue3.0了。不多bb，开始我的表演。。。(以下只是我自己个人的理解和使用习惯，仅供参考哦）一：项目搭建
1....

• 2021-05-27

59浏览

0评论

vue+flask实现视频合成功能(拖拽上传)

vue+flask实现视频合成
效果如下拖拽上传我们之前一个文章有写过//www.jb51.net/article/206543.htm原理就是 监听drop事件 来获取拖拽的文件列表
上传文件通过axios 上传文...

• 2021-05-27

87浏览

0评论

vue 代码高亮插件全面对比测评

全面对比
从活跃方面来看从功能方面来看代码高亮是必须的，社区必须活跃，不然修复bug没有一点点参考，太费时间。自动补全缩进，快捷键操作，搜索和替换等功能不是必须的，如果有，能拿来...

• 2021-05-27

54浏览

0评论

vue常用高阶函数及综合实例

一. 常用的数组的高阶函数假设, 现在有一个数组, 我们要对数组做如下一些列操作 找出小于100的数字: 将小于100的数字, 全部乘以2: 在2的基础上, 对所有数求和:通常我们...

• 2021-05-27

258浏览

0评论

vue项目配置 webpack-obfuscator 进行代码加密混淆的实现

背景公司代码提供给第三方使用，为了不完全泄露源码，需要对给出的代码进行加密混淆，前端代码虽然无法做到完全加密混淆，但是通过使用 webpack-obfuscator 通过增加随机废代码段、...

• 2021-05-27

58浏览

0评论

Vue SPA 首屏优化方案

前言
常规 vue 项目打包后访问，返回一个只包含 div 的 html，其他内容块都是通过 js 动态生成的。存在两个比较大的问题： 不利于 seo 首屏加载页慢，用户体验不好
本文是自己...

• 2021-05-27

74浏览

0评论

vue前端和Django后端如何查询一定时间段内的数据

前言在开发过程中经常会遇到筛选查询之类的功能，比如查询某一个时间段内的数据而非所有数据。这样我们就需要向后端发送时间段的参数，然后在后端处理查询。这里以Django后端和...

• 2021-05-27

64浏览

0评论

详解vue3中组件的非兼容变更

函数式组件
functional attribute 在单文件组件 (SFC) <template> 已被移除
{ functional: true } 选项在通过函数创建组件已被移除// 使用 <dynamic-heading> 组件，负责提供...

• 2021-05-27

57浏览

0评论

VUE实现吸底按钮

本文实例为大家分享了VUE实现吸底按钮的具体代码，供大家参考，具体内容如下<template> <div id="test"> <ul class="list-box"> <li v-for="(item, key) in 50" :key="key"> {{...

• 2021-05-27

39浏览

0评论

vue打开新窗口并实现传参的图文实例

我要实现的功能是打开一个新窗口用来展示新页面，而且需要传参数，并且参数不能显示在地址栏里面，而且当我刷新页面的时候，传过来的参数不能丢失，要一直存在，除非我手动关闭这个新窗...

• 2021-05-27

43浏览

0评论

详解vue 表单绑定与组件

一、什么是双向数据绑定
Vue.js是一个MV VM框架， 即数据双向绑定， 即当数据发生变化的时候， 视图也就发生变化， 当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精...

• 2021-05-27

84浏览

0评论

Vue基本指令实例图文讲解

Vue (读音 /vju&#720;/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上...

• 2021-05-27

87浏览

0评论

如何让vue长列表快速加载

vue-long-list-load，满足特殊条件的长列表加载。支持：1、各个节点高度不同且可自由设定 2、各个节点可修改不影响加载效果 3、可精确的滚动到指定位置。背景
有个长列表渲染的...

• 2021-05-27

49浏览

0评论

Vue模仿ElementUI的form表单实例代码

实现要求模仿 ElementUI 的表单，分为四层结构：index 组件、Form 表单组件、FormItem 表单项组件、Input 和 CheckBox 组件，具体分工如下：index 组件： 实现：分别引入 Form 组件、F...

• 2021-05-27

49浏览

0评论

vite2.x实现按需加载ant-design-vue@next组件的方法

1.使用版本 vite:2.0 ant-design-vue: 2.0.0-rc.8 vue:3.0.52.安装vite插件yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D插件仓库地址：gi...

• 2021-05-27

68浏览

0评论

vue3的动态组件是如何工作的

在这篇文章中，阿宝哥将介绍 Vue 3 中的内置组件 —— component，该组件的作用是渲染一个 “元组件” 为动态组件。如果你对动态组件还不了解的话也没关系，文中阿宝哥会通过具体...

• 2021-05-27

66浏览

0评论

vue实现倒计时功能

本文实例为大家分享了vue实现倒计时功能的具体代码，供大家参考，具体内容如下通过父组件传入的结束时间减去当前日期得到剩余时间1.子组件部分<div class="itemend"> <p class=...

• 2021-05-27

69浏览

0评论

vue+django实现下载文件的示例

一、概述
在项目中，点击下载按钮，就可以下载文件。传统的下载链接一般是get方式，这种链接是公开的，可以任意下载。在实际项目，某些下载链接，是私密的。必须使用post方式，传递正确的...

• 2021-05-27

35浏览

0评论

vue使用Split封装通用拖拽滑动分隔面板组件

前言
手动封装一个类似Iview中的Split组件，可将一片区域，分割为可以拖拽调整宽度或高度的两部分区域，最终效果如下：开始
基础布局
在vue工程中创建SplitPane组件，引入页面使用。<...

• 2021-05-27