vue.js
-
vue+element ui 实现文件上传下载
1.上传html代码: 选取文件 支持上传”.jpg,.gif,.png,.jpeg,.txt,.pdf,.doc,.docx,.xls,.xlsx” 文件,最多上传10个 2.a…
-
若依(ruoyi)字典管理插件实现思路探究
一个UI表单的构成,避免不了下拉框,多选框等标签,在开发这些标签时,通常会请求后台接口获取字典值进行动态渲染。定制化开发虽然实现简单,但会产生大量重复工作,解决这类问题的思路有哪…
-
最快速删除node
方法一、CMD命令 快速删除 node_modules 文件夹 rd /s /q node_modules 方法二、PowerShell命令 快速删除 node_modules …
-
Vue禁止指定vue页面缩放适配移动端
index.html中 head标签中设置meta元数据 这段代码是HTML中用于设置移动设备视口的meta标签。让我们逐步解释: width=device-width(宽度等于设…
-
基于Vue的前端界面实现日期的实时显示
1.开发过程中有很多场景需要在界面上实时显示日期时间。本文介绍一种简单的实现方法。下图1.1为效果图 图1.1 2.实现方法。首先在data里面声明一个变量curretime,并引…
-
vue项目中使用百度地图,详细过程
简述:我们在写项目的时候,有时候难免会用到地图,这里给大家介绍一下如何在vue项目中使用百度地图,获取可视区域坐标,以及添加线路、站点。 1、首先,在项目中安装百度地图依赖。 np…
-
Vue2大屏项目的简要总结(vue、JavaScript、echarts、组件封装)
Vue2大屏项目的简要总结 1、屏幕自适应 — v-scale-screen 简介 实现的主要核心手段就是使用css属性transform实现缩放效果,会进行等比例计算达到等比缩放…
-
vue3中使用swiper完整版教程
介绍 在 vue3 中使用 swiper, 实现轮播图的效果;如果组件样式等模块引入不当,很有可能导致,页面无效果;或者想要的箭头或者切换效果异常问题。具体使用方式如下所示: 使用…
-
前端小记–2.element-ui中级联选择器cascader如何默认展开下拉框
最近做项目时,遇到一个需求:在一个排班表中,展示人员的值班情况,点击单元格,弹出下拉框,修改人员排班信息。 由于下拉框选择内容是树状结构,这里使用了element-ui中级联组件c…
-
Vue中created和mounted详解
目录 一、生命周期概念 二、浏览器渲染过程 三、生命周期中的浏览器渲染 beforeCreate阶段 created阶段 beforeMount阶段 mounted阶段 四、使用场…
-
Vue:项目启动时报错These dependencies were not found 解决办法
在命令提示符中输入下载依赖包的命令 npm install 出现错误 原因分析 可能因为npm版本过高,所以对某些命令比npm6.x更严格 解决方案 1、删掉node_moudle…
-
利用vue实现登陆界面及其跳转
1.做登录框 步骤: (1) 创建vue项目,使用vite方式创建;npm init vue@latest (2)项目结构: src:代码书写位置; app.vue:根组件; …
-
uni-app自定义组件components导入失败或页面不显示文本等
一、排查问题 一般来说分三步走,如下图 如果引入不成功则考虑以下几个问题: 是 components 而非 component 导入后的命名方式采用驼峰命名法 检…
-
【详解|彻底搞懂el-table和列表过滤】vue列表过滤和el-table的实现
文章目录 学习目标 1、el-table表格的理解 各种属性: 问题总结: 2、列表过滤 第一步 代码解释: 经典疑问: 第二步 我的代码: 学习目标 vue列表过滤 el-tab…
-
useVModel()的使用——通俗易懂
1、useVModel()的作用 用于父子组件共享数据, 1、父组件有个flag(Boolean)属性 2、将flag属性传递给子组件,要实现双向数据绑定 3、flag属性在子组件…
