vue实战

vue实战+echarts使用小结

南京三月之旅工作小结鑫探索http://info.andlinks.com（线上地址，可看）vue全家桶2.0带webpack全部可配置项的pc端项目接手项目一期是做理财产品洞察模块（包括发行态势和产品列表）鑫探索http://info.andlinks.com（线上地址，可看）vue全家桶2.0带webpack全部可配置项的pc端项目接手项目一期是做理财产品洞察模块（包括发行态势和产品列表）整个
智慧的狗狗·2020-07-14 21:00

vue实战(1)——解决element-ui中upload组件使用多个时无法绑定对应的元素

解决element-ui中upload组件使用多个时无法绑定对应的元素以前写的项目关于图片上传的都是单张或几张图片上传（主要是基于vue的element），图片路径都是固定写的，所以遇见过列表中多个上传图片的问题，先看下常用的形式正常操作element里面的属性都能满足，当列表中要上传时就不行了，看下实际需求如下部分代码列表中循环的行图片操作代码接收需要的其它参数首先列表中的数据都是动态获取的，所
wayne1125·2020-07-14 14:12

vue实战023:Vue-Quill-Editor自定义工具栏

自定义工具Vue-Quill-Editor自带的工具栏还算挺丰富的，但是可能还是无法满足我们的需求，这时我们就需要根据项目自定义功能些功能，比如说想CSDN中的文本编辑有个撤销和重做的的功能，这里我们也来尝试下功能拓展，给Vue-Quill-Editor添加撤销和重做工具。新增工具样式首先我们需要添加样式到工具栏中，这里我用最简单的JavaScript来实现，在custom中添加一个新的列表，定义
ProgramNotes·2020-07-14 13:57

vue实战025:配置TinyMCE富文本编辑器

目录组件安装组件引用添加模板初始化编辑器常用属性配置扩展插件使用之前分享了一篇vue实战021:Vue-Quill-Editor富文本编辑器使用，有网友说TinyMCE更好用，所以今天来分享下Vue中使用
ProgramNotes·2020-07-14 01:39

vue实战022:Vue-Quill-Editor工具栏新增提示

今天来优化下Vue-Quill-Editor富文本编辑器，在编辑的工具栏中我们可以看到各式各样的图标，很多时候我们容易忘记图标对应的功能是什么，所以这里我们为其添加文字提示，当我将鼠标放到图标上时显示对应的功能提示，这样体验会好很多，下面是演示图。因为Vue-Quill-Editor是人家封装的组件，所以这里我们直接用JavaScript来处理，首先我们需要先获取到对应图标的类名，这里我们可以通过
ProgramNotes·2020-07-14 01:39

vue实战021:Vue-Quill-Editor富文本编辑器使用

博客站对多的就是文章了，要想写出好看的文章格式离不开功能强大的富文本编辑器，今天写一个富文本编辑页来完善博客中的文章编写功能，富文本有很多插件可以使用，这里我选择了vue-quill-editor，这是一款基于Quill、适用于Vue2的富文本编辑器。下载安装Vue-Quill-Editorvue-quill-editor插件安装，这个很简单直接在项目中打开cmd，运行命令：npminstallv
ProgramNotes·2020-07-14 01:39

vue实战026:TinyMCE重写图片上传功能

TinyMCE插入图片默认的是直接插入图片地址的，而通常我们希望能直接将图片上传至我们的服务器并返回图片的服务器地址，前面在vue实战024:Vue-Quill-Editor自定义图片上传中也提到了图片上传
ProgramNotes·2020-07-14 00:49

GitHub标星17K，超火的SpringBoot +Vue实战项目，文档视频贼全

项目摘要vhr是一个基于SpringBoot+Vue技术栈开发的前后端分离项目，项目使用SpringBoot2.1.8来开发，集成了当前企业级开发中众多的热门技术点，如消息中间件、Redis缓存、SpringBoot+Vue+ElementUI技术栈等等。技术选型核心框架：SpringBoot2.1.8安全管理：SpringSecurity持久层框架：MyBatis缓存：Redis数据库：MySQ
Java技术剑·2020-07-13 22:25

Vue的轮播图组件实现

今天在上慕课老师fishenal的vue实战课程的时候，有一个轮播图组件实现，在跟着做的时候，自己也踩了一些坑。此外，在原课程案例的基础上，我加入了不同方向的滑动功能。
红帽子小伙伴·2020-07-13 13:32

vue 项目中better-scroll的简单使用（学习总结，王红元vue实战开发）

1.模块导入我是在自己的一个项目中使用，封装了一个Scroll的组件，所以我在现有项目中导入模块：npminstallbetter-scroll--save2.创建实例注意：在创建实例的时候我们需要知道应该在什么地方创建，创建实例时我们要考虑到这个滚动模块应该什么时候调用，是在页面加载前，还是页面加载后，很明显我们使用滚动模块的时候最好在实例被挂载之后使用，因为实例被挂载前界面没有内容，滚动就显得
wantjobjob·2020-07-13 11:39

写Vue实战项目时遇到的问题

1、使用v-for循环的时候报错这是因为我们安装了ESLint插件，对vue进行了eslint检查，只需将这个规则检查屏蔽掉即可，具体操作如下：文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template–》找到vetur.validation.template：true–》将vetur.validation.template：true在右栏框中进行重置为false
Little_Beauty_MX·2020-07-13 10:10

vue实战开发013:无缝轮播组件制作详解

今天继续下一个功能，那就是轮播图，在首页我们经常可以看到一个轮播展示区域，今天我们就来实现这个功能，这里我看了很多别人写轮播，基本都是用JavaScript或者别人封装好的组件来实现的轮播功能，因为vue没法像JavaScript那样通过offsetleft来获取当前元素的偏移位置，所以在写组件滑动的时候总是力不从心，最后还是用JavaScript写或者别人封装的组件来实现，其实vue还是可以实现
ProgramNotes·2020-07-13 06:10

不使用vue-cli搭建项目

配置开发时的前端工程（vue-loader+webpack）首先打开终端，我们先来用npminit来初始化项目E:\vue实战\vue_web>npminitThisutilitywillwalkyouthroughcreatingapackage.jsonfile.Itonlycoversthemostcommonitems
Tokki_·2020-07-13 01:27

GitHub 星标 17K，超火的SpringBoot +Vue实战项目，贼全文档视频

项目摘要vhr是一个基于SpringBoot+Vue技术栈开发的前后端分离项目，项目使用SpringBoot2.1.8来开发，集成了当前企业级开发中众多的热门技术点，如消息中间件、Redis缓存、SpringBoot+Vue+ElementUI技术栈等等。技术选型核心框架：SpringBoot2.1.8安全管理：SpringSecurity持久层框架：MyBatis缓存：Redis数据库：MySQ
Java架构俱乐部·2020-07-12 23:51

ElasticSearch入门项目--仿京东搜索（关键字高亮）

ElasticSearch入门，仿京东搜索实战项目源码已上传至Github，点此访问项目介绍此项目是跟随狂神ES课程入门所做的SpringBoot+ES+Vue实战项目，在视频的基础上，已实现前后端分离
无代码，非程序·2020-07-10 15:00

不一样的vue实战(3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博，只有今日发了。而且写博挺消耗精力的，你别看短短了几千字，需要反复的斟酌，反复的修改，如果有错误与不足的地方，请评论指正，谢谢！前言本文是结合官方的api文档,进行渐进式学习,在实战中熟悉文档,在文
weixin_34235135·2020-07-10 08:18

vue实战（12）：完结 + 附学习视频

0.其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由vue实战（4）：postman测试数据、封装
weixin_30371469·2020-07-10 06:47

vue实战中遇到的`坑`

vue实战中遇到的`坑`也可能是因为接触vue时间也不长，经常落入不知名的‘坑’中，对于我这个菜鸟来说，每次‘落坑’无疑是一场不小的灾难。
非假非空·2020-07-10 00:56

Vue实战项目开发--Vue中的动画特效

项目的源代码在GitHub上：点击查看目录vue中的css动画原理在Vue中使用Animate.css库在Vue中同时使用过渡属性和动画Vue中的Js动画与Velocity.js的结合Vue中多个元素或组件的过渡vue中的列表过渡vue中的动画封装vue中的动画特效--总结vue中的css动画原理需要实现动画效果的标签需要包裹Vue中的CSS动画原理.fade-enter,.fade-leave-
任性的我·2020-07-09 00:45

vue实战之vue后台管理系统（三）之公共样式组件

经过login页面跳转，跳转成功后，跳转到table页面。Home.vue组件这个组件的用户登录成功后所有页面(除404页面外），所有页面的公共部分组件layui布局官网布局：http://element-cn.eleme.io/#/zh-CN/component/layout此页面的代码布局结构：图片和昵称的加载{{sysUserName}}mounted(){varuser=sessionSt
mirror_Mx·2020-07-07 17:36

vue_shop电商管理系统

前言这两天在B站上看到一个黑马的Vue实战项目：电商管理系统（Element-UI），包括前后端源代码，前端采用Vue、Vue-router、Element-UI、Axios、Echarts技术栈，后端采用
雪域迷影·2020-07-07 04:22

Vue实战笔记-零基础入门 ---更新中

Vue.js简单认识Vue.js,官方连接：Vue官网，首先需要说明的一点，js原生代码中的Var声明变量会提前声明的现象，所以在实际开发中不推荐使用，推荐使用的变量声明方式如下：let：定义变量，比较推荐使用，不推荐使用varconst：用于定义常量Vue.js的安装方式一：直接CDN引入//对于制作原型或学习，可以这样使用最新版本：//对于生产环境方式二：下载和引入直接下载并用#最新稳定`在这
Leesure_csdn·2020-07-06 22:33

学习不一样的vue实战(1): 环境搭建

首先首发博客:我的博客项目源码:源码项目预览:预览因为个人的喜好和工作的需要,一直想写这样的系列教程，今天如愿以偿，但是我是第一次写，有什么错误，和指教的地方，欢迎吐槽，谢谢!1.1.1安装Node.js一般来讲,可以用以下三种方式安装Node.js：通过安装包安装(Windows和Mac用户推荐)通过源码编译安装(Linux用户推荐)在Linux下可以通过yum|apt-get安装Windows
yang_子义·2020-07-06 17:18

vue实战开发015:响应式布局中的hover事件

在设计响应式布局时，我们经常会根据屏幕的大小来调整样式已适应不同窗口大小的所带来的不同视觉效果，比如说我们常见的导航栏设计，当我们在点击对应的标题时让其背景色切换成深绿色，这样在视觉上更用户能第一眼就能知道自己正点击在哪个选项上了，而在样式上，通常我们会在PC端时显示到顶部位置，而换到移动端时则显示到左边来，如下图所示：处理当前的点击样式，最简单的方法就是直接使用:hover事件来实现该方法，我们
ProgramNotes·2020-07-06 16:33

微信小程序从本地开发环境到线上测试环境和生产环境的配置

这篇文章是对慕课网mpvue实战项目视频过程中环境的配置的总结与更新（因为小程序文档时不时就更新）项目源码：https://github.com/suhuashan/bookCommentSystem如果对你有帮助
Mount华·2020-07-06 02:35

Vue实战(四)登录/注册页的实现

项目地址:Github往期文章:Vue实战(一)项目分析Vue实战--(二)路由设计及导航栏开发Vue实战(三)项目配置登录界面我写好的界面是这样的背景图片的加载-这里要注意的一件事情,就是因为Vue-cil
weixin_33905756·2020-07-05 23:01

electron-vue实战--MAC

electron-vue官方文档:https://simulatedgreg.gitbooks.io/electron-vue/content/cn/一、场景:日前有个查询手机积分和归属地的桌面应用,当然可以直接使用electron创建项目,但我想直接使用vue实现基本功能,然后通过electron打包成不同环境下的桌面程序.二、安装该样板代码被构建为vue-cli的一个模板，并且包含多个选项，可
Facechat·2020-07-02 12:19

Vue实战031：保持用户登录状态（各种token存储方式）

在前端中，实现保持用户登录状态的方法有很多种，你通过可以存Cookie、Session、Token等信息来保持，不管后台向前端发送哪个我们要做的就是将这些信息存在在本地浏览器中，浏览器再次发送请求时，将设置了‘键’=‘值’的Cookie再次抛给服务器，服务器通过Cookie的字段判断用户已经登录，则根据需求处理用户请求，否则返回400提示用户先登录，前面我也分享了相关的文章：Django实战006
ProgramNotes·2020-07-02 06:03

Vue实战1-环境搭建

初始化项目这里我们使用vue-cli来自动生成vue.js项目的模板。安装Node.js用npm安装vue-clinpminstall-gvue-cli可能会提示权限的问题，需要授权sudochmod-R777/usr/local/lib使用vue-clivueinitwebpackvue为我们提供了两个模板，webpack和webpack-simple，webpack-simple比较适合小项目
danejahn·2020-07-01 19:44

【gitlab的使用 + vue实战】不实战看什么都白看 Talk is cheap show me the code

Talkischeapshowmethecode!!!!!!!!!!没有代码纯理论对我来说就是白看没有用代码再长我看了那混混沌沌的理论也不如几行到底怎么传值的清清楚楚的代码helpsalot我真是白看...每次自己学都是白看以后要存代码存到csdn上不实战＋口头上懂了等于不会--------------11.13一更一、来看这三行:vue写起来奇奇怪怪的qwq//自己写一下二、二更因为置顶，顺便写
StrongerIrene·2020-07-01 13:17

Vue实战项目开发--vue基础精讲

项目的源代码在GitHub上：点击查看Vue实例vue的每一个组件都是一个实例，该实例对应着很多属性和方法。Vue实例{{message}}varvm=newVue({el:'#root',data:{message:'helloworld'},methods:{handleClick:function(){alert("hello")}}})Vue实例的生命周期钩子生命周期函数就是vue实例在某
任性的我·2020-06-29 19:11

Vue实战项目开发--首页开发

首页开发注意：项目的图片资源都是去哪儿网站的在线图片(图片来源网站),只可以用来练习哦，小心侵权1.首页header区域开发在home目录下新建一个components文件夹，然后把首页home拆分成不同的组件放在components文件夹下，最后通过在home.vue中引用对应的组件就可以了主要编写的代码有Home.vue和Header.vuehome.vue:importHomeHeaderf
任性的我·2020-06-29 19:11

仿肯德基宅急送App-Vue实战

前言Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。由于不知道怎么拿手机App的接口，并且KFC电脑端官网真的…一言难尽，所以项目所有数据都是我截图然后写在EasyMock里的，有需要的同学可以自取首页商品页外卖页技术栈vue+webpack+vuex+axios文件目录│App.vue│main.js│├─assets│logo.png│├─comp
Web全栈开发·2020-06-29 16:01

学习不一样的vue实战(2): 项目分析

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(1)实战:环境搭建》我的Q群:meteor高手群vue学习交流群(607265412)项目分析2.1需求分析首页我们拿到一张原型设计稿.从原型设计稿看出，我们得到以下的需求:注:左边的待办项称为‘待办事项’，右边的内容部分文字称为’待办单项‘查询所有待办事项,待办单项新增,修改待办事项删除,锁定待办事
yang_子义·2020-06-29 05:05

(精华2020年5月14日更新) vue实战篇 element-ui日历实现日程安排和区间查询

首先在template加如下代码{{data.day.split('-').slice(2).join('-')}}{{data.isSelected?'✔️':''}}{{item.工作内容}}监听日历的各种点击事件mounted(){this.$nextTick(()=>{//点击前一个月letprevBtn=document.querySelector(".el-calendar__butt
2b勿扰·2020-06-29 01:14

最新的一波Vue实战技巧，不用则已，一用惊人

在Vue中，不同的选项有不同的合并策略，比如data,props,methods是同名属性覆盖合并，其他直接合并，而生命周期钩子函数则是将同名的函数放到一个数组中，在调用的时候依次调用在Vue中，提供了一个api,Vue.config.optionMergeStrategies,可以通过这个api去自定义选项的合并策略。在代码中打印console.log(Vue.config.optionMerg
逐梦song·2020-06-28 10:00

vue实战项目的一些总结

技术栈因为开发的是一个官网项目,数据逻辑不是很复杂,所以这里没有用到vuex,主要的技术栈有:vuevue-routerelement-uiaxiosvue-awesome-swiperanimate.cssbabel-polyfill兼容iemomentscrollreveal滚动动画vue-quill-editor富文本编辑器quill-image-extend-module富文本编辑器中上传
weixin_33974433·2020-06-28 09:57

Vue实战篇（PC端商城项目）

这是一个基于vue全家桶+node.js+express+mysql实现的商城网站项目github地址：vueMall查看demo:地址如果觉得对您有帮助，您可以在左下角给我个喜欢支持一下，谢谢！项目结构如下图所示：注：该项目是真实的请求后台api。server为后端数据接口项目结构，运行时可以单独拿出来放在wamp/www下或者xammp/htdocs这两是集成包（apache+php+mysq
weixin_33873846·2020-06-28 07:05

vue实战 ---- 一个简单的音乐搜索网站（二）

vue实战----一个简单的音乐搜索网站（start）vue实战----一个简单的音乐搜索网站（一）vue实战----一个简单的音乐搜索网站（三）1.searchHeader.vue代码搜索exportdefault
Heller_J·2020-06-27 02:10

Vue实战--标签页组件

好久没有写文章了，这一段时间在忙着准备期末考试和找实习，上周已经在一家公司开始实习了，公司是用Vue开发项目，Boss让我们实习生看几个项目的代码，第一次接触完整的上线项目，发现代码结构分的很细，几乎每个文件都在使用export、import导入导出，有些Vue用法是之前没有接触过的，实习一周下来看代码看的有点蒙。。。所以打算利用空余时间，重新学习Vue，至少一周写一篇Vue实践总结~Vue作为一
Billy_d972·2020-06-26 15:32

Electron-vue实战（一）— 搭建项目与安装Element UI

一、新建项目1、初始化项目打开cmd，新建一个项目，我使用的是electron-vue，输入以下命令：vueinitsimulatedgreg/electron-vuemy-projectmy-project就是自己随便取名的项目名。然后提示正在下载模板，下完模板之后根据提示进行操作就行，输入你该输入的东西，然后一路Enter：初始化完毕之后，根据提示进行操作，进入项目文件夹，npminstall
DebJane·2020-06-26 15:48

vue实战——vue中发送AJAX请求

vue实战——vue中发送AJAX请求一、简介1）vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。
小公举plum·2020-06-26 12:58

vue实战宝典：使用axios发送ajax请求（超实用）

vue本身不支持ajax请求，采用了“第三方插件”的形式。现在支持的官方插件有vue-reous、axios和fetchfetch我在另一篇文章（文末有地址）中已详细介绍使用。本文说下axios的使用！axios——基于HTTPServletRequest的一款用于vue中的http插件。其格式上基于es6的Promise。引用方式（两种）：npminstallaxios(-S)基本用法：axio
云小梦·2020-06-26 02:11

vue element 如何把校验之后的表单数据通过ajax传给后台

我的qq2038373094前提axios能够让vue前端和你的服务器后台可以连接上，前后台可以传输静态的数据vue实战——vue中发送AJAX请求https://blog.csdn.net/qq_37591637
我相信慢思考的力量·2020-06-25 13:23

VUE2.0增删改查附编辑添加model(弹框)组件共用

Vue实战篇（增删改查附编辑添加model(弹框)组件共用）前言最近一直在学习Vue,发现一份crud不错的源码预览链接https://taylorchen709.github.io/vue-admin
留给时间·2020-06-25 06:49

vue实战总结

用了十多天看完一份vue实战视频，实现了一个仿饿了么外卖APP。
糖糖小菜鸟前端er·2020-06-24 23:46

vue实战之vue后台管理系统（一）

本文主要介绍了项目的来源几个主要的代码部分的分析（main.js、routes.js、App.vue）在网上很少找到关于一个较完全的vue项目的开发文档（即如何一步步的搭建一个vue项目）项目来源这个项目是我自己从Git上面找到的一个项目，并不是我整的，毕竟我只是一个菜鸡，但是，这个只是为了方便我自己回顾项目整的。项目网址https://github.com/taylorchen709/vue-a
mirror_Mx·2020-06-24 15:39

vue实战之vue后台管理系统（二）之登录页面

Login.vue页面elementUIElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库.element官网：http://element-cn.eleme.io/#/zh-CNelementUI的快速使用：http://element-cn.eleme.io/#/zh-CN/component/quickstart登录页面代码分析（Login.vue）系统登录记
mirror_Mx·2020-06-24 15:39

elementui+vue实战项目之NavMenu导航菜单选中问题，注意$router 和 $route 区别

最近一直利用工作闲暇时间搞自己博客，使用了elementui来实现，导航菜单刷新一直不显示选中高亮，点击时候会高亮，进入页面却不会高亮，设置:default-active根本不起作用，现在解决掉BUG决定写此文加强记忆（下面这段代码就是bug代码）：vue-router中$router和$route有很大区别：this.$router打印出来是：表示全局，是router构造方法的实例。this.$
Hey,Girl·2020-06-24 13:06

Vue实战032：axios使用get和post发送各种请求

在前端中，提交数据的方式有很多种，如GET、POST、PUT、PATCH、DELETE、COPY、HEAD、OPTIONS、LINK、UNLINK、PURGE、LOCK、UNLOCK、PROPFIND、VIEW等请求方法,比较常用的有GET、POST、PUT、DELETE，今天主要分享下axios如何使用get和post发送请求。什么是GET和POST请求GET：向指定路径资源发送请求，通常用于获
ProgramNotes·2020-06-24 00:21
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他