el-card - 腾讯云开发者社区

您找到你想要的搜索结果了吗？

是的

没有找到

用例新增、编辑页面

element-ui 表格hook 及相关组件

使用例子 <template>

<el-button type='text' @click="onEditor(slotProps)" > 编辑 </e

vue3后台管理系统（模板）

本篇文章主要介绍使用element-plus进行页面的布局和数据展示处理，后续笔记将继续分享和介绍动态路由菜单的处理，以及用户权限的动态校验。(。・・)ノ

【学生管理系统】班级管理

<template> <el-card class="classes-add-card"> <el-form ref="form" :model="classes" label-width="100px"> <el-form-item label="班级ID"> <el-input v-model="classes.cid"></el-input> </el-form-item> <el-form-item label="班级名称"> <el-input v-model="classes.cname"></el-input> </el-form-item> <el-form-item label="选择老师"> <el-select v-model="classes.teacherIds" multiple placeholder="请选择老师" style="width: 100%"> <el-option v-for="(teacher,index) in teacherList" :key="index" :label="teacher.tname" :value="teacher.tid"></el-option> </el-select> </el-form-item> <el-form-item label="授课老师"> </el-form-item> <el-form-item label="助理老师"> </el-form-item> <el-form-item label="辅导员老师"> </el-form-item> <el-form-item> <el-button type="primary">添加</el-button> <el-button>重置</el-button> </el-form-item> </el-form> {{classes}} </el-card> </template> <script> export default { data() { return { classes: { teacherIds: [] //选择的所有老师 }, teacherList: [], //老师列表 } }, methods: { async findAllTeacher() { let { data:baseResult } = await this.$axios.get('/classes-service/teacher') // 获得结果 this.teacherList = baseResult.data } }, mounted() { //查询所有的老师 this.findAllTeacher() }, } </script> <style> .classes-add-card { width: 500px; } </style>

Vue 按条件添加类

Vue 按条件添加类 <el-card class="box-card">

{{(index+1) +10*(currentPage-1)}}. {{question.ques}}

<div v-for="option in question.opti

作用域插槽(作用域插槽传值)

一：假设第一个场景，需要你写一个商品卡片组件，并通过循环去展示多个卡片，并且要求能响应每个卡片上的图片或者其他内容的点击事件而跳转到商品详情页，你会怎么写？

(简易)测试数据构造平台:31 - 登录页面

本章节，我们要来学习如何开发一个简易的登录页面，有了登录页面，我们也就有了用户身份的个概念和识别，之前的很多功能也可以跟用户区分设计了。

做个开源博客学习Vite2 + Vue3 （四）实现博客功能管理类文件结构config设置路由设置网页入口代码入口首页、博文列表表单发布博文博文内容 + 讨论博文分组博文列表，编

Composition API，就是组合API的意思，那么是不是应该把js代码分离出来，做成独立的管理类的形式呢？

vue的 v-for指令报“custom elements in iteration require v-bind:key“错误

今天再用v-for指令进行遍历的时候出现custom elements in iteration require v-bind:key错误。

6. Element Plus前端组件库

Element-UI 是基于 Vue 开发的一套UI组件库，提供丰富网页开发的组件，可快速开发网站，降低前端开发成本。

【腾讯云 Cloud Studio 实战训练营】沉浸式体验编写一个博客系统

欢迎参加腾讯云 Cloud Studio 实战训练营！在本次训练营中，我们将通过沉浸式体验，带您一步步编写一个基于 Nuxt.js 的静态博客系统。无论您是初学者还是有一定编程经验的开发者，本训练营都将为您提供一个深入了解和掌握 Nuxt.js 技术以及静态网站开发的机会。

【腾讯云 Cloud Studio 实战训练营】沉浸式体验编写一个博客系统

本篇博客将通过使用Nuxt 框架开发一个博客系统为线索,一步步的讲解Cloud Studio 的使用以及其强大的优势

Vue后台管理系统-前端登录设计

在做后台管理系统时，登录模块是必不可少的，访模块看似简单，在开发涉及到许多细节，一般来说主要有以下这些：

猿实战12——类目属性之动态绑定

猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，跟着教程走下来，变身猿人找到工作不是问题。更多精彩内容，敬请大家关注公主号猿人工厂，点击猿人养成获取！

10. CMDB前端开发-IDC管理

013

vue2黑马大事件-更换密码

前端成神之路-vue前端项目06

使用upload组件完成图片上传在element.js中引入upload组件，并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以，我们需要手动为上传图片的请求添加token，即为upload组件添加headers属性

09 . Vue登录,注册组件及主页布局,用户管理,数据统计功能

https://www.cnblogs.com/you-men/p/14015406.html

SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题(六)

当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项目中遇到的问题以及我的解决方案，希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程，主要介绍了核心思路并讲解了核心代码，完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外，原本计划把项目跑起来放到网上供小伙伴们查看，但是之前买服务器为了省钱，内存只有512M，两个应用跑不起来(已经有一个V部落开源项目在运行

[javascript] 实现展开全文和收起全文效果

在展示大量文本的时候,很多网站会在页面上出现一个展开全文的文字按钮 , 点击这个按钮才会展开全部内容 .

Vue使用printjs组件打印页面

新需求：需要将页面的局部信息打印出来，只在前端实现，不要占用后端的资源。经过一通百度，决定使用 print-js和html2canvas组件。

Vue 列表渲染 v-for循环

Element UI手册：https://cloud.tencent.com/developer/doc/1270 中文文档：http://element-cn.eleme.io/#/zh-CN github地址：https://github.com/ElemeFE/element

把数据库中的静态图片遍历在前端页面上[通俗易懂]

解释一下:用v-for=“info in infos” :key=”info”遍历从前端传过来的数据,

Vue3引入滑块验证组件-2分钟搞定

手把手视频地址：https://www.bilibili.com/video/BV1Nu4y1r7Wr/

因为一部遮天，我用三种语言实现了腾讯国漫评分系统

2013年初读遮天，十年后遮天的动漫正式上线。依稀记得高中记忆力“三十年河东三十年河西”的萧炎和独断万古的荒天帝。不知道当年经典绝伦的小说，如今改成动漫口碑如何。

【学生管理系统】用户管理之用户登录

<template> <nuxt/> </template> <script> export default { } </script> <style> </style>

nf-Press —— 在线文档也可以加载组件和编写代码

上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能，这里介绍一下关于代码方面的功能。

高德地图信息框作为组件

信息框如果用html拼接字符串的方式来实现，感觉比较麻烦，下面是使用组件的方式来实现。

vue作用域插槽，你真的懂了吗？

在网上搜了很多关于作用域插槽的解释，感觉没有写得很具体的吧，我认为应该对组件化有很深的理解才会触及到这个问题吧，这里也分享下我自己对于slot-scope的一点理解。

从0到1开发测试平台（十五）性能测试用例管理页面的编写

上一讲讲解了测试管理页面对应的后台接口，这一节我们主要讲解测试用例管理页面的编写，先上一张写完之后的效果图

Django websocket 自动推送

uni-app/vue 结合element ui实现菜单分类导航(类似于小米商城首页的分类导航那种)

elementui文档地址 https://element.eleme.cn/#/zh-CN/component/installation

vue-next-admin管理系统添加页面

vue+element-ui 使用富文本编辑器

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/145033.html原文链接：https://javaforall.cn

前端成神之路-vue前端项目05

1.完成参数管理 2.推送代码到码云 3.制作商品列表页面 4.制作商品添加页面

Vue学习笔记之使用computed计算属性

在computed中定义一个函数（看起来是一个函数，其实是一个属性），命名按照属性规范命名(一般为名词)

基于SpringBoot打造在线教育系统（7）-- 面包屑导航与子分类

这一节我们来讲一下面包屑导航的问题。先看思路，当我们点击左侧的一级课程，是不是可以拿到一个ID？这个ID的作用可大了，我们有了这个ID，本意是通过它去寻找它所有的子节点。

VUE组件传值案例讲解

好吧我承认我疏忽了，我一直以为我的博客是将vue的一些常见操作全部写完了的，但是直到我写组件的时候突然想起来看一下自己写的博客是不是有问题的才发现，组件之间的传值竟然一直没动过，好吧，我承认我自卑，我真的很怕黑，每当夜晚来临的时候我都很狼狈…咳咳，放错了，不好意思，我承认我忘了，我真的很劳累，每当粉丝问问题的时候我都慌的一批(以为哪里又又又又误人子弟了)…吓得我赶紧写个例子给你们，开整…

教育平台项目前端：项目前后端接口联调，项目上线部署发布

将项目部署到 Tomcat：项目名为 lagou_edu_home，端口号: 8080，使用 war 方式部署

电商后台管理系统——权限管理模块

电商后台管理系统的权限管理模块分为角色列表和权限列表两部分，两部分流程图大概如下

SaaS-HRM企业管理

在src目录下创建文件夹，命名规则：module-模块名称（）在文件夹下按照指定的结构配置assets，components，pages，router，store等文件

element ui 图片上传封装多张或单张

最近写了一个后台管理项目，发现每个后台项目都离不开上传图片，决定把上传图片做个封装，话不多说直接上代码！

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

{{(index+1) +10*(currentPage-1)}}. {{question.ques}}

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐