当前位置： 首页 > news >正文

使用Element中的input组件如何实现文字和输入框在一行显示

news 来源：原创 2024/5/20 13:03:35

 利用   <el-form-item label="商品名称：">标签包裹即可，label写提示文字

<el-form ref="form" label-width="100px"><el-form-item label="商品名称："><el-input v-model="name" placeholder="请输入内容"></el-input></el-form-item><el-form-item label="商品价格："><el-input v-model="price" placeholder="请输入内容"></el-input></el-form-item></el-form>

效果如下： 

相关文章：

  • WEB前端IDE的使用以及CSS的应用
  • Mysql运维篇（二） 主从复制
  • 关于C#中的LINQ的延迟执行
  • 计算机网络复试
  • ASEPRITE使用笔记
  • Redis（六）发布订阅，不推荐
  • 【JavaWeb后端开发-第八章】Maven高级
  • 如何在 Ubuntu 22.04 上安装 Apache Web 服务器
  • 立体视觉几何 (二)
  • 【第七在线】智能商品计划：让供应链管理更加智能、高效
  • 综述：自动驾驶中的 4D 毫米波雷达
  • 数据结构：堆与堆排序
  • go和swoole性能比较
  • 低代码技术杂谈
  • QT基础篇（10）QT5网络与通信
  • ES6指北【2】—— 箭头函数
  • 《深入 React 技术栈》
  • 【跃迁之路】【463天】刻意练习系列222（2018.05.14）
  • 08.Android之View事件问题
  • Angular数据绑定机制
  • PAT A1092
  • Python连接Oracle
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • Spark学习笔记之相关记录
  • storm drpc实例
  • Webpack 4 学习01（基础配置）
  • 笨办法学C 练习34：动态数组
  • 基于Javascript， Springboot的管理系统报表查询页面代码设计
  • 聊一聊前端的监控
  • 前端攻城师
  • 如何使用 JavaScript 解析 URL
  • 一天一个设计模式之JS实现——适配器模式
  • 正则表达式小结
  • PostgreSQL之连接数修改
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • ​Python 3 新特性：类型注解
  • ​一些不规范的GTID使用场景
  • #100天计划# 2013年9月29日
  • #define用法
  • #pragma once
  • (C++20) consteval立即函数
  • （第9篇）大数据的的超级应用——数据挖掘-推荐系统
  • （附源码）ssm考生评分系统 毕业设计 071114
  • （三维重建学习）已有位姿放入colmap和3D Gaussian Splatting训练
  • （四）鸿鹄云架构一服务注册中心
  • （一）eclipse Dynamic web project 工程目录以及文件路径问题
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • .【机器学习】隐马尔可夫模型（Hidden Markov Model，HMM）
  • .Net CoreRabbitMQ消息存储可靠机制
  • .net framework profiles /.net framework 配置
  • .NET Framework 的 bug？try-catch-when 中如果 when 语句抛出异常，程序将彻底崩溃
  • .NET 中创建支持集合初始化器的类型
  • .NET设计模式（8）：适配器模式（Adapter Pattern）