作者：
jeffrey_hjf
是一个目前比较流行的前端框架，在业界也算很有名气，今天这里为大家罗列一下基于Vue的后端管理的框架。
使用这些框架你会发现它包括了我们常用的路由，状态，交互等等，我们只需要去复用它的代码，加上一下我们自己少量的逻辑就能轻松的完成项目。
会为你节约更多时间喝喝咖啡等，给你一种“框架在手，天下我有”的感觉。这篇文章主要介绍element和V
转载
2024-03-07 15:23:07
237阅读
一、vue的Element组件库官网：https://element.eleme.cn/#/zh-CN1.1安装推荐安装方法： 首先要进入项目目录cnpm i element-ui -S
或
npm i element-ui -S1.1.2 CDN安装直接引入无需安装：<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpk
转载
2024-03-27 14:02:39
1580阅读
本文目录：一、全局
组件二、父
组件传递信息给子
组件三、子
组件传递信息给父
组件四、
vue项目开发一、全局
组件<body>
<!-- 两个全局
vue实例可以不用注册全局
组件,就可以使用 -->
<div id="app">
<global-tag></global-tag>
</div>
Vue2.0+组件库总结UI组件 element - 饿了么出品的Vue2的web UI工具套件
Vux - 基于Vue和WeUI的组件库
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Mater
刚开始看Vue官方文档的时候对插槽不是很理解，其实通俗点来讲，插槽就是在自定义组件中预留一个位置，这个位置的内容可以由使用组件的人来定义，具有高度的灵活性。1、使用场景 先来看看插槽的使用场景，否则可能连学习的欲望都没有了。插槽还是很重要的，即使不去定义，也要学会使用。 下面这
VUE2 可视化使用 element-ui 组件库
1. VUE ui 创建项目2.插件 添加插件3.搜索 vue-cli-plugin-element 并且安装4.选择按需导入 不用全部引用 减小体积 （忘记截图了 网上找了一张 感谢~）5.如图即为安装成功 6.安装完成 启动项目 默认的配置7.使用就类似于组件 先import 引用 再VUE.use(XXX
转载
2021-05-09 10:37:03
1198阅读
2评论
vue2到vue3有哪些升级Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，Composition API的出现，让组件抽离、逻辑代码复用更加灵活。一、Composition API: 组合API/注入API这里要说到代码的组织方式，传统的网页是html/css/javascript（结构/样式/逻辑）分离。vue/react通过组件化的方式，将联系紧密的结构/样式/逻辑放在
转载
2024-07-16 14:28:29
542阅读
文章目录? 前言? 一、效果演示? 二、实现思路? 三、实现案例往期内容 ? ? 前言在 Vue + elementUi 开发中，遇到这么一个需求，要实现公告轮播的效果。说实话，一开始是打算通过Javascript去获取并修改对应元素来控制轮播的，但是发现这样子代码比较多，而且性能不是很好。然后…聪明的小温想到了，能不能通过vue的动画过渡，实现公告的滚动效果呢！ 一不做二不休，直接上手，果然是
转载
2024-04-29 19:04:38
1454阅读
element-ui（vue上的bootstrap）eu： 书写特定的组件标签构建特点的结构样式安装： 项目目录下的终端 cnpm i element-ui -Smain.js引入： import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(Elemen
转载
2024-03-16 09:18:48
45阅读
前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率,如React的Ant-design,Vue的iView,Element等,它们的功能已经很完善了.我写这遍文章的目的:记录自己搭建UI库的过程(对Vue的理解加深了好多)演示地址首先讲一下思路:
转载
2020-02-20 16:25:00
195阅读
2评论
vue 与 Element UI踩坑最近做的项目使用的是Element UI，在其中遇到了点问题，记下来留作备忘录：出现的情况：mac 从 svn 获取后 运行 npm run build 出现报错，其中有一段提示有 Permission denied 和 webpack-dev-server --inline --open --config build/webpack.dev.conf.js解决
转载
2024-10-28 17:38:09
36阅读
Vue实现单元表格，并且通过键盘移动高亮题目： 使用vue实现一个高度为10个单元格的表格，类似下图，默认左上角“实际尺寸”的第一个单元格高亮显示（样式不限） 功能要求：在“实际尺寸”单元格范围内，按下Enter键高亮色块向下移动一格，按下Tab键向右移动一格（越过“规定尺寸”单元格）考虑边界情况，例如已经移动到了最后一格，再按Enter键或Tab键，同样停留在最后一格 首先建立三个单元格<
写在前面： vue中插槽的使用让组件变得更加灵活。使得封装一个组件的复用性和API的暴露更加灵活多变。当组件当做标签使用的时候，在标签里面的元素不会显示，这个时候就需要用到插槽。一、最基本的使用 当组件当做标签使用的时候，在组件标签内部的标签往往不显示，这个时候就需要用到插槽。写在组件标签内部的标签需要在该组件标签内部使用solt接收，solt标签会将所有标签在同一位置接收显示。但是灵活的不高
转载
2024-09-29 00:36:43
90阅读
1.vue2创建项目-clicli文档 https://cli.vuejs.org/zh/1.1打开cmdwin + r 输入cmd
输入node -v 如果数显版本号就是一串数字就证明已经安装node环境
如果提示node不是内部或者外部命令，要先安装node.js http://nodejs.cn/download/1.2、全局安装npm/cnpm install -g @vue
首先html结构<el-form
ref="roleForm"
:model="roleForm"
label-width="auto"
class="demo-roleForm"
:rules="rules"
>
<el-form-item
转载
2024-10-31 19:53:44
886阅读
背景：vue2 + element ui子组件里面写Dialog 对话框，父组件直接调用如果在子组件关闭了Dialog 对话框，那么：①在
原创
2024-10-29 09:43:52
906阅读
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了，不让用户选择上一个月下一个月 1. 需求说明按月显示，每次只显示一个月的日期，其余隐藏日历组件的显示时间随着上方选择框的变化（比如我切换到6月份，下面也要同步切换到6月份）点击某一天可以添加事项（如果是空白的，未添加的），展示在对应的框里，同时添加悬浮展
转载
2024-09-26 14:29:57
1035阅读
现在网上有很多优秀的富文本编辑器,有百度的,各大论坛,反正用到文本编辑的都有,像博客园的后台的富文本编辑器,各种的不一样.但核心还是离不开那几个原理. 今天就讲下几个核心的知识要点,会了这几个,简单的文本编辑器就可以自己完成了,复杂的还涉及很多,多种功能,各种兼容问题等, 美化问题等等. 知识点1.iframe 对象的运用2.元素变为可编辑3.ranges 对象(对选中文本处理)4
Vue 中
的表格操作在 Web 开发中，表格是非常常见
的元素之一。在
Vue 中，我们可以使用一些
组件和插件来实现表格
的操作。在本文中，我们将介绍
Vue 中
的表格操作
的基本原理和用法，并给出一些实例代码来帮助读者更好地理解。表格
的基本用法在
Vue 中，我们可以使用 table 元素来创建表格，并使用 v-for 指令来渲染表格数据。例如，我们可以这样写一个简单
的表格：<table>
SecurityConfig.javapackage com.x.springsecurityday01.config;
import com.x.springsecurityday01.dao.UserDao;
import com.x.springsecurityday01.handler.*;
import com.x.springsecurityday01.service.Securi
