写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。is预期：string | Object (组件的选项对象) 用于动态组件且基于 DOM 内模板的限制来工作。示例：<!-- 当 `currentView` 改变时，组件也跟着改变 -->
<component v-bind:is="curren
一. 遍历数组data: {
moives: ['奥特曼', '进击的巨人', '鲁路修', '夏目']
}在遍历过程中没有使用索引值（下标值）<ul>
<li v-for='item in moives'>{{item}}</li>
</ul> 2. 在遍历过程中获取索引值<ul>
<li v-fo
转载
2024-10-25 00:35:41
210阅读
组件 <template> <div class="hide-page-com"> <ul class="tab-tilte"> <li v-for="(title,index) in tabTitle" :key="index" @click="getclcik(index)" class="me
原创
2022-09-01 20:18:31
624阅读
在ElementUi中，在带输入建议的输入框中进行搜索，发现只能通过首端匹配，如果输入的是非首字，将无法搜索。
原创
2023-08-03 19:13:56
243阅读
如题，目前有两种尝试方法： 目录一.配置多个环境变量控制路由，主题和js改动二.配置多个入口文件 一.配置多个环境变量控制路由，主题和js改动适用于：同一逻辑（登录，权限，基础功能）下，只有主题和部分页面不同，大部分页面相同配置环境变量.env.zhejiang(开发环境).env.zhejiang.build(生产环境)修改package.json，新增页面脚本修改vue.config.js中的
搜索在网站、软件以及系统都是一个重要的组成部分，大到整个网站的全站搜索，小到下拉框的快速检索都可能用到搜索功能，因此在模块化开发中，可以将搜索功能开发为一个公共组件，用于其他模块或者页面使用，甚至可以用于个人资源用于其他项目使用。本教程为Vue组件开发的一些列教程，用于构建Vue的各种组件。本人也是刚刚开始学习Vue，如果有什么问题，还希望各位大神帮忙指正。需要基础：本地安装node.js、npm
在使用element-ui的表格组件时，遇到了搜索框功能的实现问题。它官网的表格组件展示里有一个自定义表头的实现(其图如下)，但是并没有给出搜索框的实现代码。搜索了一下网上的资料，发现大多都是前端来实现的。我想搜索功能也应该交由前端来实现，交由后端的话可能会增加后端服务器的负担，能给前端浏览器做的就给。搜索功能应该是模糊匹配，目前想到的实现方法是：将el-table中的data属性绑定为到一个计算
转载
2024-03-04 11:54:38
284阅读
最终效果组件代码 <template> <div style="margin-top:50px"> <el-input v-mo..
转载
2023-01-03 14:58:02
423阅读
embed结合ElementUI中dialog实现PDF文件预览
原创
2022-03-10 09:44:12
1622阅读
embed结合ElementUI中dialog实现PDF文件预览
原创
2021-09-01 10:39:31
1574阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
转载
2024-04-23 16:00:34
95阅读
创建Vue项目打开cmd命令行界面，创建一个全新的vue项目，我们命名为hello-vue，这里附上ElementUI
原创
2023-12-09 19:08:41
108阅读
文章目录功能实现1.点击搜索框，显示列表，点击其它地方搜索列表消失.2.按下enter键，也可以进行搜索3.点击搜索框不输入搜索内容，显示热门搜索和历史搜索。点击搜索框输入搜索内容，直接显示搜索列表4.将历史搜索内容存储到LocalStorage.5.删除历史记录搜索框组件源码 功能实现1.点击搜索框，显示列表，点击其它地方搜索列表消失.在input组件上监听focus与blur事件,设置isF
转载
2024-03-26 11:20:54
273阅读
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的，搭建的时候不知道2.0还处在beta状态，所以导致后来踩了一些坑，使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48，有很多的变化，所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒：
转载
2024-03-07 07:10:56
39阅读
思路：1、站在巨人的肩膀上，确定了bootstrap-select的插件样式。确定了primeNG的DropDwon的模型。2、分析自己的下拉框的需求，一步一步实现。先看下下拉框的最后样式：第一步十分简单，1）、由于之前看过下拉框的插件的css样式代码。于是乎直接把样式文件，拷过来。再把相应的的html源码拿过来，直接拷贝。2）、由于只需要搜索功能的这块样式，其余的css样式全部删掉，
目录前言效果展示代码分析分页功能过滤数据功能多选功能1、select事件 - 用户勾选每项的复选框时触发的逻辑2、select-all事件 - 当用户一键点击表头全选时的逻辑全部代码 前言在el-element的标签里的tableData数据过多时，会导致表格页面操作卡顿。为解决这一问题，有以下解决方法：分页加载： 将大量数据进行分页，并且只在用户需要时加载当前页的数据，可以减轻页面的数据负担。
转载
2024-10-16 14:10:02
431阅读
CodeFun 编者按：自从 2021 年 7 月 2 日开启公测至今，半个月的时间里，我们为 1000 + 前端工程师带来了提效体验。⬇️2021 年过一半了，各位切图还开心吗？最近我遇到这个事情： emmm，这位产品小兄弟，说好只加 3 个页面，最后硬是让产品加了 6 个页面，差点凑齐七个小矮人了，后面的 UI 稿就像这样（考虑到公司利益，本文采用网上案例作为参考）：（资源出自网络
(1)什么是vue插件就像我们安装vscode的插件能给我们的vscode添加不同的功能一样。Vue的插件就是能够给vue添加新功能新特性的东西。(2)Vue插件有什么用插件通常会为 Vue 添加全局功能。所谓全局： 即不需要像组件那样，每次使用他前都需要先引入一次。对于插件只要在最开始引入一次，在任何组件就可以直接使用。（类似于我们在window上添加的方法属性那样，任何地方都可以用）插件能实现
一、登录过程分析在登录页面当中，引用Element UI中的input输入框，配置 :model="loginForm"，同时在列表项input输入框中结合v-model命令，v-model="loginForm.username"，实现双向数据绑定。对于data中的数据，也需要进行定义之前model所绑定的数据loginForm，这个也是录表单的数据绑定对象，在loginForm中定义具体的数据
转载
2024-04-09 09:25:32
174阅读
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
转载
2024-03-27 09:03:23
216阅读
