1 Vue练习1.1 练习：根据不同元素，展示不同的网址<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习vue路由</title>
<script src="vue/vue.js"></script>
<
转载
2024-10-12 19:25:12
143阅读
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。 2018-11-9更新 1.傻瓜式引用：由于这种方法及其简单 省去了很多繁琐的步骤，a.引入项目生成的，图标地址。b.使用推荐使用这种，详情请看文档！！文档够详细的了。http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d
转载
2024-05-01 08:04:02
246阅读
作者：8号的凌晨4点1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。<el-form inline @submit.native.prevent>
<el-form-item label="订单号">
<el-input
v-mod
转载
2024-08-16 17:15:11
104阅读
背景最近一直在着手做一个与业务强相关的组件库，一直在思考要从哪里下手，怎么来设计这个组件库，因为业务上一直在使用ElementUI（以下简称Element），于是想参考了一下Element组件库的设计，看看Element构建方式，并且总结成了这篇文章。 Element的目录结构废话不多说，先看看目录结构，从目录结构入手，一步步进行分解。├─build // 构建相关的脚本和配置
├─exampl
转载
2024-08-16 19:51:20
155阅读
vue框架小结element-ui上传icon图标标题解决vscode不能注释问题点击哪个让哪个有选中图标让银行卡号前几位变成*，只展示后四位基于vue axios上传图片到七牛云将图片路径转base64基于vue制作中间带logo超清二维码h5加百度统计百度地图api通过浏览器获取用户经纬度（web开发JavaScript -api）微信浏览器授权之h5动态路由修改v-html里面标签的样式e
转载
2024-07-22 19:39:29
44阅读
这是一个注册需求，要求用户在注册的时候需要填写注册信息并上传“营业执照”等信息。表单内容需进行验证及必填项提示，图片需要和信息一起传递且图片载入后需可预览。既然是注册我们当然是用form表单来提交了，对应的ElementUI组件标签则是el-form。 表单数据从上面的图可以看出注册环节分为了两部分数据，左边是注册时需求提交的表单信息，右边是需求上传的图片。先来解决左边的表单数据，el
转载
2024-05-11 17:27:04
96阅读
➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用rules: {
name: [
{ required: true, mess
转载
2024-04-23 11:00:13
2219阅读
vue和elmentUI的使用心得 使用customClass来覆盖样式。调整宽度。 二、elmentUI组件宽度自适应。 1.table: table通过min-width=‘100%’，来设定整个table的宽度，再利用min-width=“?%”来调整每一列的宽度，之和应该等于100. 2.form：form如果使用:inline=true,则不能设置自适应宽度，要想使用一行两列的话可以使
转载
2024-04-09 11:27:29
759阅读
# 如何在Android中改变Switch控件的图标大小
在Android应用开发中，`Switch`控件是一种非常常用的 UI 组件，用于表示用户的选择状态（开启或关闭）。在一些情况下，我们可能希望根据设计需求调整 `Switch` 的图标大小，下面将介绍如何实现这一目标，以及一些相关的代码示例。
## Switch控件基本使用
`Switch`控件在布局文件中非常简单配置。以下是一个简单
【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！ 博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中…本篇是Vue+elementUI的
转载
2024-07-25 07:56:21
194阅读
<i class="el-icon-s-grid" ></i> <template> <i class="el-icon-edit"></i> <i class="el-icon-share"></i> <i class="el-icon-delete"></i> <el-button type="
原创
2021-08-05 15:18:16
711阅读
Vue3+ElementPlus项目使用iconfont阿里图标1、封装通用组件2、引入iconfont3、使用（1）在main.js导入（2）在页面中使用4、有坑填坑 Element Plus中的图标其实也是组件，我们也知道在Vue中可以直接在模板中使用<svg>标签来插入SVG图标代码。这就给我们提供了一个思路，将阿里图标也封装成一个通用组件，然后在vu
有网友电脑开机发现桌面右下角的任务栏上面的小喇叭图标不见了，然后咨询学无忧小编小喇叭跑哪里去了，我们该怎么把小喇叭找回来呢。造成小喇叭不见的原因有很多，小编总结关于任务栏小喇叭图标不见了怎么办的几个原因及解决方法讲解给大家。1、首先小喇叭不见了，我们去查看电脑是否还有声音输出，如果声音有输出的话，那就好办了。直接打开你的“控制面板”，在上面找到“声音和视频设备-音量”，然后在窗口上把“将音量图标放
最终效果如下 实现要求：如果输入的内容不是非负整数，那么提示报错，并且将值变为输入前的内容；如果输入正确，则当输入的内容发生改变并且失去焦点以后，触发事件，重新获取列表；实现思路使用原生的input框，更容易控制；当输入框获取焦点以后，保存原始值；监听回车点击事件与change事件，判断输入的值是否满足条件： 如果满足条件，那么就根据输入的内容更新内容，并且重新获取列表内容；如果不满足条件，
转载
2024-04-02 14:30:05
283阅读
基于vue框架，使用element-ui组件库写表单效果，需要添加字体小图标，效果如下：方
原创
2022-12-21 10:12:44
290阅读
# 如何实现“html ios 禁止input变大”
## 第一步：设置输入框不自动放大
在iOS设备上，当用户点击输入框时，输入框会自动放大，这对于一些设计来说是不合理的。我们需要通过修改meta标签的viewport属性来禁止输入框的自动放大。
### 步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 打开HTML文件 |
| 2 | 在head标签内添加me
原创
2024-07-10 04:05:53
254阅读
1、安装npm install element-ui --save-dev2、在main.js文件中引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);3、上面两步完成后，就可以在项目任意的组件中使用element-ui的组件了，具体使用方法，详
转载
2024-08-17 12:36:43
679阅读
自定义实现Android百度地图的缩放图标，需要自定义一个缩放控件，实现效果如下：这里的缩放效果，实现了点击按钮可以对地图的放大缩小，通过手势放大与缩小也控制缩放图标的可用状态。具体实现如下：首先是drawable目录下的两个xml配置文件：zoom_selector_in.xml<?xml version="1.0" encoding="utf-8"?>
<selector x
转载
2023-07-05 15:45:41
93阅读
input表单验证
原创
2022-03-10 09:44:58
506阅读
input表单验证
原创
2021-09-01 09:40:07
785阅读
