×

elementui

ElementUI 面试题整理

adgdaggd adgdaggd 发表于2024-04-23 浏览5436 评论0
ElementUI是怎么做表单验证的?在循环里对每个input验证怎么做呢? 普通表单验证 ​ 1.表单验证的目的是在防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误。 ​ 2.Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 ​ 3.通过给表单绑定ref属性,在保存方法中配合validate回调函数,即可在表单提交时触发回调函数,继而弹出消息提醒用户 动态校验 model/p

elementui

HTML 基本标签大全 (html基本标签大全)

此号已注销 此号已注销 发表于2024-04-23 浏览7510 评论0
在 HTML 里面,标签分为单标签和双标签两种,双标签指的是成对出现的标签,如:<a>...</a>,其余的只有一半的称之为单标签,如:<br/>。 HTML 中的标签有很多,其基本标签大致如下所示: 双标签: 1.<html>...</html> 最大的 html 语言结构标签,一切之源泉 2.<head>...</head> html 头部结构标签 3.<body>...</bod

elementui

element-ui table使用type=‘selection‘复选框全禁用-全选禁用

源码代售 源码代售 发表于2024-04-23 浏览4972 评论0
目录 问题总结: 当条件数据全被禁用时,全选按钮也变成禁用的状态,而不是隐藏。有会做的小伙伴希望跟帖。谢谢! 复选框框架:通过调用selectable方法,进行禁用复选框。 1.指定行禁用: 2.条件禁用: 问题点:当条件数据全被禁用时,全选按钮不是禁用的状态。 复选框全被禁用时,全选按钮将被隐藏  问题总结: 当条件数据全被禁用时,全选按钮也变成禁用的状态,而不是隐藏。有会做的小伙伴希望跟帖。谢谢! 问题总结: 当条件数据全被禁用时,全选按钮也变成禁

elementui

Vant UI 中 van-collapse 下拉折叠面板如何默认展开第一项(vant左右滑动组件)

上善若水 上善若水 发表于2024-04-23 浏览96990 评论0
问题重现         最近在做项目时,有一个需求是让 van-collapse 下拉折叠面板的第一项默认是展开状态;我使用到了 Vant UI 组件,首先按照官网文档的写法直接引入: <!--下拉折叠面板--> <van-collapse class="collapse" v-model="activeNames" is-link="false"> <van-collapse-item title="" :name="index">

elementui

element-ui分页器设置每一页显示数量(page-size)后页码没有发生变化原因与解决

LINII LINII 发表于2024-04-22 浏览6646 评论0
问题 element-ui当中分页器,设置每一页显示数量(page-size)后页码没有发生变化 比如 原来是每一个显示数据量为3个数据 后面想每一页显示数据为5个,那么按照道理来说,页码也会变化的 然而并没有发生变化 原因 page-size要和page-sizes当中的数据对得上才可以,也就是说page-size如果数字没有与page-sizes这个数组里面的数组对应上,那么就会区page-sizes当中的第一个值来计算页码 示例1 page-size有值但是

elementui

使用vite创建vue详细介绍项目全过程-2022(sass, vue-router, vuex, axios, elementplus)

林中英雄 林中英雄 发表于2024-04-22 浏览4713 评论0
使用vite创建vue3项目全过程-2022详细介绍(sass, vue-router, vuex, axios, elementplus) 1. 创建项目 打开powershell,输入命令,然后根据提示选择自己所需内容 npm init vite 选择完后回车,即生成完成项目。 根据命令cd进入项目目录,安装依赖,然后运行,即得到了一个最基本的使用vite和typescript的vue3项目。 2. 配置 vite.config.ts import { defineC

elementui

【Vue+Element-UI】Select选择器:绑定值为对象,获取选中的对象

酷玩游戏 酷玩游戏 发表于2024-04-22 浏览5616 评论0
前言 业务需求: 使用Select选择器选择多个用户,并获取选中的用户对象数据。实现思路: 常规的Select选择器,v-model绑定的参数仅能获取到label值,获取不到选中的整个item对象。参考Element-UI官方Select选择器。 一、绑定值为对象类型 1.绑定及获取选中的对象 设置v-model属性:v-model=“selectUsers”,selectUsers为对象 设置value-key属性:如果 Select 的绑定值为对象类型,请务必指定 val

elementui

ElementUI快速上手(jar包本地下载)(elementui上传下载)

下午茶 下午茶 发表于2024-04-22 浏览7111 评论0
Element-ui是饿了么前端团队推出的基于vue进行开发的前端框架。 最近刚学了Element-ui,迫不及待练练手,却发现现成的组件样式用不了。引用官网的使用方法,如图: 展示的效果也是不尽人意,在百度的过程中发现可能是链接引用不稳定,访问很慢。后来又网上的教程一步一步设置,结果又出现了很多意想不到的问题。在看了很多大牛的视频后,才发现这么简单!!!教程如下: 1.既然是基于vue的框架,首先要导入vue.js的架包。 链接:安装 Vue.js 在学习阶段建议使用开发版本。

elementui

vue插槽的使用方法(vue插槽使用)

459494796 459494796 发表于2024-04-21 浏览3902 评论0
1.什么是插槽? 插槽(slot)是vue为组件的封装提供的能力。把不确定的部分定义为插槽。 插槽共分为3中: 插槽的结构: 匿名插槽:<slot></slot> 具名插槽:<slot name=top></slot> 作用域插槽:<slot title='标题' :num=count></slot> 1. 匿名插槽 匿名插槽的作用: 保留组件中的所有原始标签内容,这种插槽被称为匿名插槽 直接在组件中写上s

elementui

【element-ui】 steps自定义进度图标及完成等状态图标

孔维宇 孔维宇 发表于2024-04-21 浏览7497 评论0
前言 因效果需要需自定义steps图标,找了很多回答,通过摸索结合尝试,终于搞懂如何替换图标 正文 1.更换默认状态图标(不包括success和error状态) 1.1 直接添加icon属性即可(最方便) <el-step title="竣工" class="tip five" icon="icon-jdico5"></el-steps> 注意:此处需导入icon图标 还需重写样式 我这里改了图标大小,所以对应改了top属性 .tip ::v-de