提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档  文章目录前言一、vue+element table弹窗组件二、代码展示 
   
1.表格数据展示
2.弹窗组件总结  前言本人爬虫菜鸟一枚,最近公司业务要求使用vue+flask搭建一个公司使用的后台管理系统,在此做个记录。也是本人第一次写博客,多多指点。 废话不多说...直捣黄龙,在表格数据展示经常需要有编            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-12 19:54:09
                            
                                864阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            不知道怎么描述这个东西了。。el-select下拉框大家都知道,但是下拉框只能选择一个,而且如果数据太多的话也不太容易选择,所以这里就是封装了组件包含对应的弹窗,就是能实现多选,而且列表也是分页展示的,选择完之后将对应的名称展示在文本框中,传给后端对应的用逗号隔开(用什么隔开都可以,跟后端商量)的id大致的效果图就是:  这个关联合同就是我们封装的,输入框添加了disabled            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-07 00:13:26
                            
                                1909阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前端项目中如何安装添加ElementUI组件今天在搭建前端开发环境时,所遇到的一些小问题,拿出来和大家分享一下。 **1.什么是ElementUI?可以用来做什么? ** ElementUI是我们学习前端Vue框架里核心思想式组件和数据驱动,而ElementUI就是其中的一种组件。 ElementUI是饿了吗推出的基于Vue2.9的组件库,可以给我们提供丰富的组件库,帮助我们对项目进行模板编写,样            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-06 12:50:29
                            
                                217阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言在某个月黑风高的晚上...没剧刷的我无意想起以前处理的一些弹窗的坑。然后又无意间刷到“Portal”,才知道Modal的实现还有如此妙的方式,顺而想着干脆把UI组件库的实现原理看完。本文将讲述以下三种 Modal弹窗类的实现原理:1. Modal弹窗的基本原理我给弹窗类的定义是脱离固定的层级关系,不再受制于层叠上下文的组件。常见的Modal模态框、Dialog对话框、Notification通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-18 22:50:49
                            
                                307阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.实现效果图2.第一步,新建一个.vue文件 定义一个弹框的基本模板style样式放在了文章的最底部,如果需要看效果,需要将样式放入这个vue文件里
 ,样式是用less写的,需要你的项目引入less
 注意:我这里的组件右上角关闭是一张图片 需要换成你自己本地的路径<template>
  <div id="tip_alertModal">
    <div cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-22 06:58:22
                            
                                504阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录一、HTML标签部分二、Script脚本部分1、引入所需API2、定义接收配置项3、定义Emit方法三、完整子组件代码四、父组件引用 Vue3和TypeScript前,本人开发工作中一直运用较多的技术框架就是Vue2和JavaScript了。在一次偶然的机会里接到一个基于Vue3+TypeScript的项目,才开始接触Vue3和TypeScript。于是花了差不多两周的时间去学习Vu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 18:46:07
                            
                                258阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.安装 使用命令 npm i element-ui -S 安装element ui 安装sass加载器 cnpm i sass-loader -D 2.使用 在main.js加入如下代码 import Vue from 'vue'; import ElementUI from 'element-u ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-28 14:58:00
                            
                                321阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <el-date-picker type="datetimerange" v-model="datetime" :picker-options="pickerOptions" start-placeholder="开始日期" end-placeholder="结束日期" /> data() { re ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-15 14:12:00
                            
                                1501阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            2021.12.20 更新因为最近用 vue3 新写了一个官网类型的网站,当时也是有用 vue3 的模式写一个手动挂载的登录弹窗组件,但是也是为了写的比较满意使用的单例模式来做,之后发现之前这篇博文在介绍单例模式方面的写法是没有问题的,但是在举例 vue 单例弹窗应用的时候有一些细节没有介绍到。import Vue from 'vue'
import loginPopupComponent fro            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-27 16:23:50
                            
                                10000+阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            应产品的要求,做人生中的第一次换肤项目,在没做之前,确实觉得挺没有头绪的,所以就只能借助于百度啊,然后发现其实element自带的就有换肤功能,虽然看了很多别人的文章,但是想自己写一下加深印象。 一、项目搭建       第一步肯定是根据命令行生成对应的项目框架,然后安装element,根据需求引入自己需要的eleme            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-13 09:25:19
                            
                                536阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CascadePickerView级联选择组件,包括基础组件和城市选择组件目前公开的记录组件基本都有限制,限制选择级别,如很多城市组件只能选择三级:省、市、县 本组件不限制级别,可无极显示,只要按照要求组织数据即可引用方式implementation 'space.tanghy:cascade:0.0.4'基础级联组件 CascadePickerView组件提供级别可根据需求设置显示级别setLe            
                
         
            
            
            
            当在 Element UI 的弹窗组件中打开另一个弹窗时,可能会出现多层遮罩的问题。这可能导致用户界面不友好,并且影响用户体验。为了解决这个问题,您可以尝试以下几种方法:设置遮罩层的 append-to-body 属性:在 Element UI 弹窗组件中,可以尝试设置 append-to-body 属性为 true。这样可以确保每个弹窗都被附加到 body 元素上,而不是在当前弹窗中。<e            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-06 16:23:36
                            
                                326阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue+elementUI项目中使用NavMenu 导航菜单在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置。一般后台管理系统不只是导航菜单的单独应用,一般会配合页面标签和面包屑功能,一步一步进行,做导航菜单功能。 网上也有好多开源的后台管理系统,github上可以直接下载。我在网上找了一个vue+elementui后台管理系统,配合功能详            
                
         
            
            
            
            给定一个长度为 N 的整数数组。你的程序需要按照输入顺序处理如下两种操作:      1.修改。修改操作带有两个参数 p 和 x ,表示将数组中下标为 p 的元素修改为 x ;     2.查询。查询操作带有三个参数 L,R和 k ,表示查询数组中从下标为 L 的元素开始到下标为 R 的元素为止(两端均包含)的这个子数组中数值从            
                
         
            
            
            
            文章目录Vue(11)——vue+elementUI的简单使用1、创建工程2、配置环境3、编写vue组件4、配置路由5、开启路由6、展示组件7、测试8、运行时可能遇到的问题: Vue(11)——vue+elementUI的简单使用Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-10 15:23:35
                            
                                70阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.本项目Demo实现灵感来源 张凯博客,采用vue+elementui实现编码,最终效果图:完整源码下载2.首先创建vue项目,采用开发工具Hbuilder。vue创建项目教程可参考:3.创建项目后安装elementui,按照官方教程即可   创建好的项目目录结构大概这样子: 4.项目头部和底部在整个项目中是共用的状态,使用vue的router-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-28 10:48:52
                            
                                39阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在子组件中编写弹窗,在父组件中引用弹窗文章目录编写子组件编写父组件把子组件的弹窗引入到父组件中引入子组件方法注册子组件通过$emit把子组件的值传入到父组件中父组件接收子组件传来的值通过v-if条件确定数据的显示与隐藏整体代码参考 编写子组件效果图: 代码:<template>
  <ModalComponent
    name="import-set"
    title="            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-23 11:22:27
                            
                                524阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            成果展示最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能准备工作: 引入axios插件,调用better-scroll第三方插件,本地json文件,可以参考目录中的city.json,有条件的也可以自己去扒功能分析1.获取json数据展示城市列表 。2.侧边字母定位滚动到相应的位置。3.实现搜索城市接下来我们开始对组件进行划分:本次案例中            
                
         
            
            
            
            腾讯地图相关文档申请腾讯地图的我就不多叙述,跟着提示申请即可效果图:写成组件之前采用的是第二种方式,直接跳转新页面,后来还是问题很多,所以我改成了用 iframe 的形式,并且写成组件直接贴代码吧(顶部用的是vant的组件):<!-- components/Qqmap.vue -->
<template>
    <div class="map">            
                
         
            
            
            
            # 如何实现 Vue Element UI Admin
## 前言
欢迎来到Vue Element UI Admin的世界!本文将教会你如何快速搭建一个基于Vue.js和Element UI的后台管理系统。在整个过程中,我们将使用Vue CLI脚手架工具来初始化项目,并结合Element UI组件库来构建页面布局和功能。
## 步骤概览
让我们先来看看整个实现过程的步骤概览,如下表所示:
|            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-22 11:29:32
                            
                                78阅读