element ui placeholder字段怎么动态传值

于 2023-08-30 15:49:55 发布
阅读量245 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49934059/article/details/132584279
版权 
 <div class="tab-box flex">
            {{ item.name }}名称：
            <el-input
              clearable
              style="width: 266px"
              :placeholder="`请输入${item.name}`"
              v-model="inp.type"
            >
            </el-input>
          </div>
时光不老 ζ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决element UI 自定义传参的问题
12-29
如下所示： <el v-model=state4 fetch-suggestions=querySearchAsync placeholder=请输入内容 select=handleSelect ></el> 这里的 hanleSelect 默认绑定的参数是选中的那条数据。 但是如果一个页面有好几个相同的组件，要想知道选中的是第几个。 @select=handleSelect(item, index) // 这样肯定不行的 解决方法： <el-autocomplete v-model=state4
解决vue+ element ui 表单验证有值但验证失败问题
01-19
一.如图：有值但是验证失败 二. 数据模板 prop=template> <el type=textarea v-model=form.template rows=8 placeholder=请输入数据模板 readonly=true> export default { data()
vue +elementui 给 input 动态赋值
虚无缥缈
07-06 2985
vue+ elementui 动态给input赋值
vue-element动态渲染placeholder的值
MaXumr的博客
07-26 1352
个人博客：https://maxusun.github.io/ 转载请注明出处 在使用element时有个需求：当点击语言切换的时候，可以将界面切换成英文或者中文，需要实时动态渲染。在开始的时候使用v-bind绑定的，但是发现使用v-bind绑定的话，对于一些属性不会进行实时的改变，需要点击一下刷新。在网上找好久，后来试了一种方法，成功解决。 使用vue里面的computed: // 这是实现代码 computed:{ elinputphone(){return this.$t('msg.phone
vue.js element-ui动态改变组件placeholder的值
幼儿园老大的博客
08-21 1万+
element-ui根据条件动态改变组件placeholder的值 假设有一个需求，一个下拉框select，如果无选项，则显示 暂无可用VPC，请先申请，如果有选项， 则显示 请选择 利用vue.js 的v-bind属性，将placeholder绑定一个动态参数，如下： :placeholder="vpcPlaceholder" 该动态参数通过某个条件计算而来，因此将该参数写...
vue+elementui中input框 动态更改placeholder
houhouha11的博客
05-15 7563
当时项目需求是 做一个下拉选择框 当我选择下拉框的任意一个值的时候，下面的input的placeholder会提示。 注意点：要在data中定义holder 然后用到wacth方法，监听select的变化。 <el-form-item label="类型"> <el-select v-model="newtypeValue" placeholder="请选择" clearable > <el-option v-for="item in typeNewOptions
Element Input 输入框 动态更改placeholder
疏雨萧萧千行泪
08-06 6699
&lt;el-form-item label="申请说明：" prop="applyDesc"&gt; &lt;el-input type = "textarea" :maxlength = "500" :rows = "3" :placeholder = setPlaceholder(adminShow) @change = &qu
vue 中动态绑定 placeholder的值
KLW75
07-02 6261
在页面中使用：placeholder 绑定一个名称 <input type="text" :placeholder="绑定的值的名称" /> 在数据部分 data(){ return{ 名称: '具体的值',//将input的placeholder绑定上这个属性 ，绑定这个值 } } 这个值具体为什么，视情况而定，还可以监听一个值的变化，然后根据那个值的变化，变化绑定的值的具体内容 例如 watch: { 监听的值: function(.
input中的placeholder属性
qq_1240545777的博客
03-19 7825
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 &lt;input&gt; 类型：text, search, url, telephone, email 以及 password。使用：效果图：当因为用户名或密码错误，想子啊input中提示的时候，首先应该吧input....
element-ui input框 动态更改placeholder
热门推荐
cofecode的博客
11-15 3万+
项目中遇到的实际情况：两个单选框，后面跟一个input框，选择某一个单选框的时候，后面的input框的placeholder会跟着变化。比如操作单选框买家，input框后面placeholder出现“请输入买家账号”；操作“卖家”单选框按钮的时候，placeholder变成“请输入卖家账号”两种方法：方法一写两个input框 根据radio的值来做显示和隐藏，完成placeholder的变化（
2021/03/14 vue 动态给 input框设置placeholder的值
Nighsloth的博客
03-14 3362
背景 有两个input框，v-model使用的相同数据，但是我的第二个input框需要它不能编辑，当然input框的值也不能修改，所以我打算用placeholder来显示input的数据 –效果 –代码 将v-model改成了 v-bind:placeholder=“holder” –js代码 ...
Element UI框架中巧用树选择器的实现
01-19
本文介绍了Element UI框架中巧用树选择器的实现，分享给大家，顺便给自己留个笔记，具体如下： 介绍 在Element UI框架中有选择器和树形控件，但是没有树形选择器，也就是图上的这种方式的选择器，所以只能自定义...
element-ui中的select下拉列表设置默认值方法
01-19
element-ui中的select下拉列表如何设置默认值？ 在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来 那如何修改呢？ 上element-ui中的代码片段 <el v-model=value placeholder...
element-ui 关于获取select 的label值方法
12-29
在某些场景下，还是需要在获得label的值跟Value值的。 vue获取值的方式： ... <el v-model=scope.row.goodsLocationId placeholder=货位地址 change=changeLocationValue> <el-option v-for=lo in locations :l
element下拉框中动态绑值
明思齐的博客
03-10 2371
下拉框动态绑值（书本类型是动态的值，由后台传递过来的，通过书本类型的接口，动态查询绑值）首先，我们先看到下拉框这一栏 （Form 表单 之 Select下拉框列表）绑值的时候字段对不上导致的（我写的是booktype,然后原字段是type）我当时绑定上去的是空值，后来才打开控制台发现data:{}中的值是空值。话不多说，我们就直接进入正题。
Vue实现动态遍历生成el-input
最新发布
博客简介
08-16 1489
动态遍历生成el-input并且添加自定义校验
vue 动态绑定placeholder
pxhing的博客
11-30 1万+
前言： 当placeholder的值不唯一时，就可以动态绑定placeholder <div class="box flex"> <span v-if="indexNav == 0">登录密码</span> <span v-else>交易密码</span> <input type="password" :placeholder="psdPlaceholder" v-m
JS动态修改某个input标签的placeholder中的文字内容和颜色
IT_ZZQ的博客
06-28 2万+
今天遇到一个这样的简单需求，整理如下： 1. 刚加载页面的时候，给一个input标签默认灰色的placeholder提示： 2. 用户点击输入框的时候，更改placeholder文字内容，并且颜色改为红色： 3. 当输入框失去焦点时，如果没有输入任何文字，恢复原本的灰色提示状态 下面简单介绍一下我的写法，仅供参考，如有错误，欢迎留言批评指正： 1. 首先html内容如下： ...
Element UI中 el-menu 组件 index 动态传参报错
weixin_46221897的博客
03-10 2886
在这里保存原因是 index 为String属性，但传入的值为 Number 类型 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" > <el-menu-item v-for="(item,index) in ExportBoxNav"
element-ui 字段校验target都是什么
05-24
在 Element UI 中，字段校验中的 `target` 属性指定要验证的表单控件的选择器。`target` 属性通常用于验证表单中的某个特定字段，而不是整个表单。 例如，如果您想验证一个文本框的内容是否符合要求，您可以在该...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值