Vue
文章平均质量分 72
波 吉
想做产品的小小前端
展开
-
【毕业设计 | 开源】我把商业级仓库管理系统 ModernWMS 开源了
完全开源 | 商业级 | 仓库管理系统,这是我们团队的新作品,你可以尽管拿去作为毕业设计,或者作为学习的项目,更可作为直接用户部署一个属于自己的仓库管理系统~原创 2023-01-09 18:15:03 · 1614 阅读 · 7 评论 -
我做了一个可视化生成ECharts代码的应用,再也不用去看复杂的文档了...(附项目源码)
关于老板让我改个柱状颜色时,我看着ECharts文档懵圈的故事...(一个可视化生成常用ECharts代码的工具,拿去用!)原创 2022-06-22 12:49:57 · 1205 阅读 · 2 评论 -
Vue3 | 实现精美的待办 | 02.输入框组件封装【附完整项目源码】
你好,我是波吉~《Vue3 | 实现精美的待办》系列文章,通过一个示例案例将 Vue3 知识点串联,附带完整项目源码,学起来!原创 2022-05-31 10:30:36 · 999 阅读 · 1 评论 -
【Vue3 | 实现精美待办】01.项目启航
你好~我是波吉!今天更新的是《Vue3 | 实现精美的待办》系列文章,会带大家学一下Vue3。通过做一个小的待办项目,把 Vue3 中常用到的知识点串联起来~原创 2022-04-20 11:45:45 · 1559 阅读 · 3 评论 -
【Vue | 补洞 | 01】Vuex 环境搭建及基本使用
用惯了脚手架的你,是否还记得搭建 Vuex 环境时要用 Vuex.Store ?本期讲解 Vuex 环境从0到1的搭建,也欢迎持续关注新系列文章:[Vue 补洞] 系列,用久了 Vue2,总有一些遗漏的知识点,通过该系列文章一起更深入理解一些看似简单的点吧!原创 2022-03-02 09:48:04 · 327 阅读 · 0 评论 -
【JavaScript】实现单击复制一段文字【适用Vue】
概述 有客户提出,需要在页面表格中,鼠标单击就能把该单元格的内容复制到剪贴板中的需求,因此抽象出如下代码实现思路:增加一个隐藏的input框点击单元格内容时,把内容赋值到input框上选中input框上的文本执行浏览器复制命令完整代码HTML<head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #input{ p原创 2021-06-16 09:32:16 · 234 阅读 · 0 评论 -
【Vue】vue中使用pdf,看这篇就够了~
1. 需求 最近接到一个需求,需要在 vue 的 pc 端中嵌入用户帮助手册的PDF文件,且由于是保密文件,因此禁止用户进行打印、下载等相关操作。需要实现出来的需求点如下:PDF展示每一页进行懒加载(或用进度条加载给与用户反馈)禁止打印、下载PDF(或加大用户打印、下载文件的难度成本)2. PDF 组件选型通过查找资料,主流的可以找到的有如下几种方案,其中最为成熟的方案是 vue-pdf vue-pdf 官方文档:较为完善的 vue-PDF 解决方案。vueshowpdf:网络上找原创 2020-11-17 11:51:39 · 64326 阅读 · 57 评论 -
【Vue】父子组件之间方法相互触发方法
本期内容在 Vue 中因为是以组件拼装起来的页面,因此在组件中经常存在父子组件相互调用对方的方法的情况,本期内容将介绍:父组件如何触发子组件中的函数 & 子组件如何触发父组件中的函数。1、点击子组件,触发父组件中的方法①在子组件中,写入触发函数,自定义函数入口为 son_clickEvent<button @click="son_clickEvent"><script>showPopup () { this.$emit('son_cl...原创 2020-05-31 20:46:49 · 690 阅读 · 0 评论 -
【Vue】jsonp 在 Vue 中的使用
本期内容在前端访问后端数据的时候经常会出现跨域问题,jsonp 便是其中一种解决的方式,前提是接口能够支持 jsonp 的访问。目录1、安装2、添加到 main.js 中3、按如下语法使用4、以访问百度鹰眼轨迹 API 为例,发起 Get 请求1、安装npm install vue-jsonp --save2、添加到 main.js 中import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)3、按如下语法使用v原创 2020-05-26 21:04:04 · 1240 阅读 · 0 评论 -
【Vue】Vue 中引入 ECharts
目录1、安装2、在 main.js 中引入3、在需要调用的页面中的 js 使用4、最重要的一点!介绍Echarts 是百度开发优秀的图表控件,种类全,易上手,本文将介绍如何在 Vue 中引入该组件示例默认引入整个 echarts 模块,包会相对较大。对性能要求较高的,可以进行按需引入,参考官方文档1、安装npm install echarts -S2、在 ...原创 2020-03-04 20:41:33 · 837 阅读 · 0 评论 -
【Vue】疫情实时数据及地图 Vue + Echarts + vxeTable
本期内容使用 Vue + Echarts + vxeTable 搭建前端展示界面,接口请求示例是腾讯肺炎疫情实时动态页面中的开放接口知识基础如何在 Vue 中引入 Echarts,点这里如何在 Vue 中引入 vxeTable,点这里部分效果国家和地区数据我国省份数据一、申请百度地图 ak 以使用 Echarts 地图1、申请 ak① 进入...原创 2020-03-04 21:42:26 · 2645 阅读 · 3 评论 -
【Vue】Vue 中解决跨域问题
背景跨域问题,来源于浏览器中的同源策略。同源(或同一个域)是两个页面具有相同的协议,主机和端口号。在前后端分离的项目中,两个页面(即访问端与服务端)通常是非同源的,因此会出现跨域时,浏览器阻止一个域的访问,导致取不到后端的数据。本文只讨论博主在 Vue 的学习过程中如何在 前端解决跨域问题,更多跨域解决方案参考这篇文章,感谢该博主的分享!个人理解,如有错误,还请评论区多多指教!...原创 2020-03-03 12:44:39 · 1301 阅读 · 0 评论 -
【Vue】Vue 中引入表格组件 vxe-table
vxe-table:一款基于 Vue 开发出来的非常优秀的表格组件,提供了各类操作表格的方法,相关链接如下git:https://gitee.com/xuliangzhan_admin/vxe-table文档:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api先上效果图1、安装npm install ...原创 2020-03-03 12:03:48 · 9746 阅读 · 17 评论 -
【Vue】如何请求后台数据
背景:为了方便项目管理,现在前后端分离成为了主流形式。在搭建完 Vue 的前端框架之后,如何请求接口来获取数据?示例:前端模板使用了 git 上非常热门的后台管理系统模板vue-elemnt-admin(文档),配置方法及使用可点这里了解 展示工具使用优秀的开源表格项目vxe-table(文档),配置方法及使用可点这里了解效果图:1、在 api 文件夹下,建立接口 js 文...原创 2020-03-02 12:38:36 · 4918 阅读 · 2 评论 -
【Vue】Vue 中引入 MarkDown 编辑器
MarkDown:目前应用非常广泛的文本编辑器,应用于各类博客网站编辑中参考 github 链接:https://github.com/hinesboy/mavonEditor效果如下:1、安装npm install mavon-editor --save2、引入 & 配置在要使用 MarkDown 组件的实例中引入<script>/...原创 2020-03-02 11:58:21 · 881 阅读 · 5 评论 -
【Vue】组件系列问题记录
Vue 组件问题集合。欢迎评论补充(问题 & 解决方法),持续更新中......原创 2020-03-02 11:34:03 · 104 阅读 · 0 评论 -
【Vue】Vue 中如何使用 axios
1、命令行安装npm install axios2、在 main.js 中引入import axios from 'axios'3、在 main.js 中将 axios 改写为 vue 的原型属性 $http ,之后可在每个组件的 methods 中调用Vue.prototype.$http=axios4、在组件中使用methods: { get()...原创 2020-03-02 11:27:39 · 350 阅读 · 0 评论 -
【Vue】语法规范格式问题
语法格式问题集合。欢迎评论补充(问题 & 解决方法),持续更新中...原创 2020-03-02 11:22:32 · 633 阅读 · 2 评论 -
【Vue】Vue 中如何点击跳转页面
思路:在有路由的情况下,对页面进行注册,并通过方法对路由中的实例(页面)进行转发,达到跳转页面的效果1、在 router 目录下的 index.js 中加入组件的路由信息,包括路径、名称import vMarkDown from '@/components/v-markDown'routes: [ { path: '/', name: 'HelloWor...原创 2020-03-02 11:12:07 · 26486 阅读 · 4 评论 -
【Vue】基础 Vue 入门
本期内容☆ Vue 基础语法☆ 组件参考视频:https://www.imooc.com/learn/980本期内容根据该视频中的内容制作笔记整理,如侵删目录一、Vue 实例二、数据 & 方法绑定三、属性绑定 & 双向数据绑定四、计算属性 & 侦听器五、v-if & v-show & v-for & key一...原创 2020-03-01 16:54:17 · 182 阅读 · 0 评论 -
【Vue】用 Vue-Cli 创建 Vue 项目
本期内容:☆ 创建项目目录一、前提二、创建项目一、前提安装了 vue-cli 和 node.js ,未安装的点这里查看二、创建项目1、打开 cmd 控制台2、进入到要存放项目的文件夹位置3、输入创建项目命令vue init webpack4、输入配置项(默认值回车即可)TODO:单元测试 & 金字塔顶端测试 用法与选择Proje...原创 2020-03-01 11:58:33 · 125 阅读 · 0 评论 -
【Vue】环境 & 编译器搭建
本期内容☆ Node.js 环境 & Vue-cli 脚手架搭建☆ VScode 编译器安装目录一、Node.js 环境 & Vue-cli 脚手架搭建二、安装 VScode一、Node.js 环境 & Vue-cli 脚手架搭建1、下载地址:http://nodejs.cn/download/2、安装 node.js...原创 2020-03-01 11:23:36 · 821 阅读 · 0 评论