1、vue脚手架 用来创建vue项目的工具包 创建项目:npm install -g vue-cli(第一次安装vue-cli)
*vue init webpack 项目名开发环境运行cd 项目名
npm install->npm run dev生产环境打包发布npm run build(即生成打包好的文件dist)安装测试服务器测试npm install -g serve
serve
转载
2024-10-22 13:17:49
62阅读
导航栏可以说是前端页面很常见的一个组件。许多组件库也提供了自己的导航栏在这篇文章里,我们来实现一个随着页面的滚动样式发生改变的导航栏吧。一个通用的顶部导航栏应该具备的能力:默认的展示效果 -> 左边后退按钮的图标,中间页面的名称,右边是空白的内容可以通过插槽来配置具体的展示样式 -> 左,中,右 三个插槽,父组件可以通过三个插槽来指定可以接收从外部指定的一个样式(可以在父组件中指定 n
简介:WebUploader是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5为主 , FLASH为辅 的现代 文件上传组件 。在现代的浏览器里面能充分发挥HTML5的优势,同时又 不摒弃主流IE浏览器 ,沿用原来的FLASH运行时, 兼容IE6+,iOS 6+, android 4+ 。两套运行时,同样的调用方式,可供用户任意选用。采用 大文件分片并发上传 ,极大的提高了
想了解登录登出,动态路由怎么做的可以看前面两篇文章。 权限管理个人理解有两种,一种是显示按钮但是点击的时候没有,第二种是直接不显示按钮,本文讲解是第二种,主要使用v-if属性,如下:  
转载
2024-04-26 15:51:44
830阅读
.1、Element介绍Element:网站快速成型工具。是饿了么公司前端开发团队提供的一套基于Vue的网站组件库。使用Element前提必须要有Vue。组件:组成网页的部件,例如超链接、按钮、图片、表格等等~Element官网:Element - The world's most popular Vue UI framework自己完成的按钮Element快速入门开发步骤下载 Element 核
转载
2024-04-26 10:58:29
196阅读
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了,不让用户选择上一个月下一个月 1. 需求说明按月显示,每次只显示一个月的日期,其余隐藏日历组件的显示时间随着上方选择框的变化(比如我切换到6月份,下面也要同步切换到6月份)点击某一天可以添加事项(如果是空白的,未添加的),展示在对应的框里,同时添加悬浮展
转载
2024-09-26 14:29:57
1035阅读
需求描述 场景:现有很多类表单,进入表单详情后需要使用按钮提供表单的相关审批操作,需封装一个通用的按钮组件以满足不同表单不同需求操作 原型图如下: 思路:既然是在移动端,那我们是需要用到vant移动端组件库了。首先我们需要在项目中引入vant,然后绘制出原型图中的页面,最后考虑将其封装为一个通用组件。步骤引入vant安装 npm install vant --save引入: 1、 在main
转载
2024-04-29 22:48:41
201阅读
目录参考链接前言项目码云Gitea地址其他文章四、引入Vue-i18n并实现按钮切换语言1.安装vue-i18n package.json2.准备语言文件3.配置文件4.全局配置5.修改首页src/components/Main.vue1)在Element Plus容器布局的例子基础上修改下拉菜单,增加单选按钮组和头像:2)在setup()中使用vue-i18n:3)修改单选按钮组和下拉
需求很简单,实现很容易,日常记录一下 templace代码: data数据声明: me'thods方法:
原创
2022-01-13 16:43:28
782阅读
我们在使用element-ui时,必定会用到表格这个组件,虽然element组件已经为我们封装很好了。但是我们在实际开发中会根据我们的业务在element-ui的基础上再次封装,比如表格最后一列会经常有操作这一列,对应着不同的按钮,像编辑按钮、查看按钮、删除按钮等,有些表格的结构类似,显示数据和操作,差别只是在于后边操作按钮不相同,此时,封装一个业务组件,手动传入需要的按钮,这样,在遇到类似的情况
转载
2024-04-02 10:21:32
1527阅读
效果图说明本文可能有点啰嗦了...组件难点如何监听滚动完成事件移动端如何监听拖拽事件前置条件为了充分发挥vue的特性,我们不应该通过ref来直接操作dom,而是应该通过修改数据项从而让vue自动更新dom。因此,我们这样编写template。<template>
<div class="ys-float-btn" :style="{'left':left+'px','top'
转载
2024-06-27 22:41:23
418阅读
前言做后台项目,权限验证与安全性是非常重要的,vue-element-admin官方主要介绍了前端控制用户菜单加载显示,以及权限控制。这就带来一些不便,服务端无法(这里可能说的绝对了,起码实现起来不太友好)控制菜单的动态展示,用户权限跟菜单相互关系的绑定。这里我们通过分析go-admin 代码来让大家一步步了解如何实现服务端控制前端菜单的展示的。项目地址:github:https://github
转载
2024-03-20 15:14:17
229阅读
目录一. 认识ElementUI1. 认识ElementUI2. ElementUI与Vue3. 使用npm来创建Vue项目4. 添加ElementUI配置4.1 使用npm安装5. 使用CDN的方式创建页面二. Layout布局和Container布局容器1. Container布局容器2. 常见的布局方式2.1 上下布局2.2 上中下布局2.3 左右布局2.4 上-下(左右)布局2.5 上-下
文章目录一、背景二、准备工作三、组件准备四、发包五、使用六、webpack-simple 构建项目发包最后 一、背景为什么要在 npm 上发布自己的 vue 组件库呢? 我们都知道在项目开发过程中,经常会遇到相似功能或者可以复用的模块;如果是在同一个项目中我们可以封装一个公用的组件来进行复用; 如果公司里面多个项目都有可以复用的模块呢?最简单的当然是直接复制一份到不同的项目中,但是这样在后期维护
作者 / WahFung 阅读本文需要 3分钟路由参数解耦一般在组件内使用路由参数,大多数人会这样做:export default {
methods: {
getParamsId() {
return this.$route.params.id
}
功能需求根据当前日期 — 禁止之后的日期据选中开始日期,结束日期为“开始日期自动填充 七天”,并且关闭时间控件下拉框结束日期不能超过“当天日期” 开始日期和结束日期可以为同一天遇到的问题如何获取开始日期的数据结束日期自动填充后— 如何关闭下拉框无法找到data方法中定义的变量一定要注意“先清空时间控件定义的变量,在赋值”解决遇到的问题如何获取开始日期的数据从官网我们可以知晓时间控件提供了三个事件:
转载
2024-10-21 16:23:43
286阅读
VUE+element通过按钮调用普通弹框(弹框页面独立出一个dialog页面,非在同一个页面文件里) 代码如下 <el-dialog> <el-button type="primary" style="float: right;margin-bottom: 15px;" @click="addDe ...
转载
2021-08-18 15:08:00
1261阅读
2评论
大家好是万能的懒懒酱 After effects为视觉效果艺术家和动画设计师带来了大量的效果。然而,第三方开发人员提供了更多独特插件,供After Effects使用。在这里可以帮助你了解哪些插件是最流行的最受欢迎的。第10名:Looks(多功能调色插件)强大的视频色彩校正调色插件,拥有众多调色工具,能够随意组合,某些理念其实比达芬奇调色软件都还超前;超过200多种可调整
2020-12-261. 了解element-ui网站快速成型工具 和 桌面端组件库基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面基于vue开发并且进行了开源 ,element ui 提供的全部都是封装好的组件2.安装2.1初始化一个脚手架的项目vue init webpack element2.2安装elementui 的依赖npm i element-ui
转载
2024-04-11 11:04:06
102阅读
vue-elementui-admin学习(一)最近打算仔细的学习一下vue-elemnetui-admin的代码,一是工作需要用到,需要加工一些东西,还有一个就是打算之后好好学习vue,看看源码啥的,所以先从这个框架学起来。 都是一些自己的学习笔记,做一些记录,有不对的地方恳请大家指出,可以一起讨论。 学习了一下permission文件夹下的role.js,用来控制不同用户能够查看菜单的权限&l
转载
2024-06-07 17:00:57
121阅读