vue
fuux
前端开发
展开
-
vue—递归组件(vue组件name的作用之一)
vue—递归组件(vue组件name的作用之一)相信我们对递归不陌生,因为它是算法中很常见解决问题的思想。而在这里我先强调一点,递归最重要的是什么?终止条件,一个递归不能没有终止条件。有时候我们在项目中,可能会遇一种需求,它要求我们把很深层嵌套的json数据渲染到页面中,比如文件目录结构。现在我们就把一个文件夹下的所有文件模拟渲染到页面中。文件目录的树形结构:为什么要使用递归?可能...原创 2020-04-13 18:12:12 · 1671 阅读 · 0 评论 -
Web全栈开发—移动端商城项目开发 Vue.js+express+MySQL
全栈开发—移动端商城项目开发 Vue.js+express+MySQL本项目是基于Vue.js+express+MySql的移动端全栈项目前端项目Github地址:https://github.com/fu-x/pdd后端服务器项目Github地址: https://github.com/fu-x/pdd-server项目演示地址:项目演示地址本项目为移动端项目,pc端演示请在开发...原创 2020-02-17 23:21:11 · 3851 阅读 · 0 评论 -
vue移动端轮播图(触摸滑动滚动、自动轮播、无缝滚动、循环无回滚)
移动端轮播图——Vue喜欢的小伙伴可以和我互相关注哦有任何疑问都可以私聊我互相学习,共同进步pc端轮播图主页里也有哦还是老样子,先看效果图具体实现代码解析HTML结构<div class="swiper"> <div class="container"> <ul ref="imgBox" @transitionen...原创 2020-02-11 18:58:02 · 7304 阅读 · 9 评论 -
窗口拖拽效果
窗口拖拽效果 基于vue.js喜欢的小伙伴可以和我互相关注哦有任何疑问都可以私聊我互相学习,共同进步先看效果图????这个效果主要使用了mousedown、mousemove和mouseup事件,做到限制窗口不能脱离页面可视区详细代码及注释如下:startMove(e){ // 鼠标按下 if(e.button === 0){ // 鼠标左键按下 ...原创 2020-02-10 17:27:05 · 708 阅读 · 0 评论 -
vue实现轮播图(滚动切换,无缝切换,自动切换,循环无回滚,暂停滚动等效果)
vue实现轮播图喜欢的小伙伴可以和我互相关注哦有任何疑问都可以私聊我互相学习,共同进步话不多说,先看效果滚动切换、无缝切换、循环滚动鼠标进入暂停自动滚动和离开继续自动滚动主要代码:HTML结构 <div class="swiper"> <div class="moveL" @click="switchImg(-1)"><&...原创 2020-02-10 16:52:52 · 23078 阅读 · 6 评论 -
vue中v-for绑定数组,当数组变化时页面数据不更新(已解决)
vue中v-for绑定数组,当数组变化时页面数据不更新(已解决)问题描述:原因解决问题描述:vue中v-for通过{{}}或者v-model在页面里绑定一些数组时,数组里的值发生变化,页面并没有更新。举个最简单的例子:这里定义一个数组,设置一个元素为1,分别使用{{}}和v-model绑定数组元素arr[0],设置一个button,绑定一个点击事件,让数组中的值+1。这里不使用v-for了,...原创 2020-01-24 15:10:51 · 20812 阅读 · 1 评论 -
全栈-最简单的列表管理(vue+express+mysql)
全栈-最简单的列表管理(vue+express+mysql)这是一个最简单的列表管理源码下载链接:**github网址: ** brands贴图:数据库有一个brands表,结构如下,id要设置为自动递增:名类型长度小数点允许空值主键idint100主键namevarchar1000newDatevarchar2000...原创 2019-11-23 16:05:16 · 361 阅读 · 0 评论 -
vue文件使用lang="scss"报错问题
vue文件使用lang="scss"报错问题新建项目.vue文件中使用scss写样式。按照网上教程安装集中依赖模块并且配置后出现以下报错:github网址: 个人博客这是因为我们安装的sass-loader版本过高,只要我们安装7.3.1版本的sass-loader问题就解决了。如果其他插件已安装:只需要再把7.3.1版本的安装一下就行了。具体方法为:输入以下命令:npm ins...原创 2019-11-05 18:36:29 · 3273 阅读 · 0 评论 -
基于Vue的todolist———最简单的代办事件列表
基于Vue的tuDoList———最简单的代办事件列表github网址: toDoList-VueVue-toDolist分析:做到刷新页面不会丢失数据,因此我们的数据需要保存至本地localstorage里。每次加载页面都要先从本地获取一次数据保存至data数据中,通过vue数据绑定自动更新页面数据。修改数据后再把最新的数据保存至localstorage,这样保证本地存储的...原创 2019-11-05 18:31:17 · 693 阅读 · 0 评论