首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
水冗水孚
创建于2021-07-14
订阅专栏
记录一下Vue,好记性不如烂笔头
等 53 人订阅
共65篇文章
创建于2021-07-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
v-for中动态校验el-form表单项代码示例
问题描述 在项目开发中,我们经常会遇到表单保存的功能,在表单保存前,常常需要做表单必填项的校验,校验通过以后才去发请求保存表单数据。 但是,这个表单如果是动态的,即:可以新增相同的表单。比如这个表单有
vue中使用高德地图amap步骤流程代码案例
问题描述 开发中,有时候会遇到项目中需要搭配地图定位功能。 最常见最简单的就是公司的门户官网中,要有一个地图地位功能,因为需要让用户看到我们公司在哪里,方便联系我们。当然也有可视化需要、或者停车场定位
vue中使用docx-preview插件预览word文档(后端express)
问题描述 本文记录了一下预览word文档的功能。需要用到: 前端:vue 后端:express 插件:docx-preview 思路分析 后端express代码中读取文件夹中的 .docx 类型文件
vue自定义指令使用~以仿写v-show和实现v-copy为例讲解
vue自定义指令产生的背景 我们知道前端程序员,写的各种代码,最终是要作用于页面上的DOM元素的。比如用HTML固定好DOM的基础结构,用CSS设置DOM的样式,用JS去做一些DOM的交互。因为DOM
vue中使用aplayer插件做一个网页音乐播放器
效果图 正常模式 吸底模式 注意,吸底模式会出现上一曲下一曲按钮,以及歌词按钮。正常模式是没这个的。不过我个人更加喜欢正常模式。 使用步骤 第一步,npm下载aplayer插件:cnpm instal
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果 通过命令就可以让弹框开启或关闭,比如this.$showDialog()开启,this.$hideDialog()关闭
两种方式解决页面刷新vuex中数据丢失问题(详细讲解)
问题描述 首先,关于 页面刷新vuex中数据丢失问题,其实换种方式去描述就是:页面刷新vuex中的数据又初始化问题 个人愚见:vuex的数据并不是弄丢了,而是初始化了,回到初始值,回到原点了 vuex
el-menu导航菜单的二次封装(递归组件)实现动态多级菜单
问题描述 在后台管理项目中,牵涉到权限的东西多数是后端传递过来的数据,前端去展示(当然前端也会做一些控制)。就导航菜单而言,也不能写死了,需要在用户登录了以后,发请求获取用户的对应菜单数据,根据对应的
el-tree懒加载中使用递归更改树节点状态值
问题描述 项目中使用树结构,主要信息一般在树的叶子节点上记录。但是有些情况下,后端是不把一些树叶子节点的状态信息做记录的,比如树叶子节点的状态(是否添加、是否收藏什么的),后端只是把树结构所需要的数据
vue组件的递归自调用~代码思路分析
问题描述 在我们使用vue开发项目时,有时候需要用到递归思想去书写代码。在一些UI组件中,我们也可以看到其中运用了递归的思想。比如:饿了么UI中的el-tree组件、el-menu组件(动态菜单栏)、
el-tree树组件的懒加载写法步骤
问题描述 树组件如果数据比较多的话,一次性把整棵树的数据都请求到,略有耗时。所以为了优化性能,我们就要实现树组件懒加载的效果,也就是当我们点击树节点的时候,再去向后端发请求,获取对应点击的树节点下的数
vue中使用a标签下载静态资源文件(比如excel、pdf等)后端不参与
问题描述 平常我们在项目中需要做下载文件的功能,比如下载excel表格、比如下载pdf文件、比如下载word文档,这样的功能,一般是后端做,即:后端返回一个流文件、或者返回一个url地址。 但是,实际
Vue+Express+Mysql全栈项目之增删改查、分页排序导出表格功能
产品需求分析 产品经理说,我需要做一个web人员管理项目,项目包含以下功能: 用户可以在页面上新建数据,新建的数据内容有,人名、年龄、家乡、以及此人的备注 用户可以删除之前新建的人员信息,删除只做逻辑
Nginx部署前端vue后端express项目步骤细节
第一步 首先找到nginx安装的目录,然后修改nginx的服务配置文件,是在nginx安装目录里的conf文件夹中的nginx.conf这个文件,我们使用vscode打开,并加上一个serve{}配置
v-for循环中使用require或import关键字引入本地图片
问题描述 我们做项目中,常常需要把图片呈现到页面上,一般来说有以下几种方式 方式一(后端返回图片URL) 这种方式就是后端返回图片的url地址,我们直接img标签的src属性绑定imgUrl即可。如下
vue两种方式实现:用户长时间不操作退出到登录页
问题描述 产品说,出于安全考虑,用户长时间不操作,就回到登录页面,让用户重新登录,就像银行的app一样。本文就记录一下实现这种效果的两种方式,分别是前端控制和后端控制,各有细节及适用使用场景 前端控制
饿了么UI中el-tree中的树节点选中高亮的两种常用方式(highlight-current属性)
问题描述 我们知道树节点常常需要选择,为了看得更加直观明显,所以我们需要设置选中的时候,让选中的那个树节点颜色高亮,本文记录一下常用的三种方式,我们先看一下效果图 效果图 方式一 第一步: el-tr
饿了么UI中的el-table常见的翻页勾选和序号递增功能实现步骤
翻页勾选保留功能 第一步和第二步 第三步 翻页序号递增功能 翻页序号递增功能不像翻页勾选保留功能那样还需要每一条数据做标识,而是通过计算得出来的。 第一步 第二步
el-autocomplete的使用细节及clearable清除按钮输入建议失效及fetch-suggestions传递多个参数问题
需求分析 假设我们有这样的一个需求: 当用户在输入框中输入内容后,呈现关联建议可选项信息,以供用户选择.比如用户输入了“王”这个字,那么要呈现关于“王”的所有的信息,什么“老王”、“王老吉"都出来了,
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
问题描述 时间选择器选择日期、月份在项目中比较常见,比如查询历史记录,我们需要选择具体日期或者发请求,获取历史数据。所以我们需要对时间选择器做一些控制,比如历史记录查询的话,就不能选择当前日期和以后的
下一页