placeholder的值写成变量 / 动态绑定placeholder

最新推荐文章于 2023-09-20 12:53:48 发布
最新推荐文章于 2023-09-20 12:53:48 发布
阅读量3.3k 收藏 3
点赞数 3
分类专栏： 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49173190/article/details/124612207
版权

前言： 当placeholder的值不唯一时，就可以动态绑定placeholder

		<div class="box flex">
          <input
            type="text"
            :placeholder="PlaceholderData"
            v-model.trim="psd"
          />
        </div>

然后用computed属性


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  大hei客
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    3
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
tinymce编辑器之placeholder插件的实现

				
			

			

				

					weixin_44191425的博客
				

				

					11-22
					
					1721
					
				

			

		

		

			
				
由于业务需要，产品希望编辑器的输入框也和input框一样有placeholder的提示，但是编辑器本身是没有这个功能的，所以我们要实现该业务，需要写个插件来实现。

			
		

	



                

              
                



	

		

			

				
					
placeholder变成变量，用props传

				
			

			

				

					qq_58307541的博客
				

				

					01-19
					
					489
					
				

			

		

		

			
				
组件里面：





页面使用，传不一样的








			
		

	



                


  
              

                


	

		

			

				
					
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

			
		

	





	

		

			

				
					
vue 中动态绑定 placeholder的值

				
			

			

				

					KLW75
				

				

					07-02
					
					6444
					
				

			

		

		

			
				
在页面中使用：placeholder 绑定一个名称


 <input type="text" :placeholder="绑定的值的名称" />

在数据部分


data(){
    return{
        名称: '具体的值',//将input的placeholder绑定上这个属性	，绑定这个值
    }
}

这个值具体为什么，视情况而定，还可以监听一个值的变化，然后根据那个值的变化，变化绑定的值的具体内容

例如


watch: {
			监听的值: function(.

			
		

	



		

			
		



	

		

			

				
					
实现input框中placeholder的动态效果

				
			

			

				

					qq_49668888的博客
				

				

					05-28
					
					1120
					
				

			

		

		

			
				
1.先看一下实现的效果。

			
		

	





	

		

			

				
					
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

				
			

			

				

					08-28
				

			

		

		

			
				
在wxml文件中，使用view标签和div标签来定义按钮的样式和布局，并使用bindtap事件绑定placeholder函数来实现按钮的点击事件。每个span标签都绑定了placeholder事件，并通过data-num、data-key和data-val属性来传递...

			
		

	





	

		

			

				
					
vue动态绑定组件子父组件多表单验证功能的实现代码

				
			

			

				

					12-29
				

			

		

		

			
				
前端项目中经常会下拉或者选项卡，如果通过if,else或者switch去判断加载的话会产生大量冗余代码和变量定义，而且都写在一起后人很难维护。 Vue核心在于组件，如果有内容通过选项卡或者下拉框切换用动态加载子组件...

			
		

	





	

		

			

				
					
Ant design vue中的a-select在动态给option赋值之后，placeholder失效.pdf

				
			

			

				

					12-16
				

			

		

		

			
				
在给出的代码示例中，`a-select`组件的`v-model`绑定到`receiveAcademy`变量，而`option`是通过`v-for`指令动态生成的，基于`allCollege`数组。当通过`getALLCollege`方法从服务器获取数据并填充`allCollege`时，`...

			
		

	





	

		

			

				
					
placeholder

				
			

			

				

					03-29
				

			

		

		

			
				
 - **变量与数据类型**：Dart支持var、final和const关键字声明变量，同时拥有动态和静态类型系统，包括基本数据类型如int、double、String，以及集合类型如List、Map和Set。  - **函数**：Dart支持函数作为一等公民...

			
		

	





	

		

			

				
					
Angularjs之ngModel中的值验证绑定方法

				
			

			

				

					10-18
				

			

		

		

			
				
本文将深入探讨`ngModel`中的值验证绑定方法，以及如何在输入字段中进行有效的数据验证。  首先，我们要理解`ngModel`的两种常见用法：  1. **基础用法**：在HTML中，`ngModel`直接绑定到控制器中的一个变量，如`...

			
		

	





	

		

			

				
					
vue 给placeholder绑定动态变量

				
			

			

				

					ITCwg的博客
				

				

					10-13
					
					5788
					
				

			

		

		

			
				
placeholder前加：就可以了，后面是变量



			
		

	





	

		

			

				
					
vue2 动态绑定 placeholder

				
			

			

				

					m0_37109343的博客
				

				

					07-05
					
					907
					
				

			

		

		

			
				
vue 动态绑定placeholder

			
		

	





	

		

			

				
					
vue placeholder绑定动态变量

				
			

			

				

					qq_36424715的博客
				

				

					09-25
					
					2310
					
				

			

		

		

			
				
vue placeholder绑定动态变量


code




			
		

	





	

		

			

				
					
vue  placeholder绑定动态变量

					
热门推荐

				
			

			

				

					yangbaobao的博客
				

				

					08-23
					
					3万+
					
				

			

		

		

			
				
&lt;input type="text" :placeholder=dateinit @focus="trueDateBox"  readonly  v-model="date" /&gt;



			
		

	





	

		

			

				
					
vue动态给data中添加变量

				
			

			

				

					一只小白奔向大牛的故事
				

				

					03-25
					
					2万+
					
				

			

		

		

			
				
一: 首先你得数据

我的业务是动态给v-model赋值 但是你得更改所以做不到一对一这时候你就得动态创建变量

首先你得知道你的数据结构是什么样的,然后你根据你数据的结构用数组动态创建变量

然后用你创建的空数组一一对应v-model赋值

js:


for (var i =0;i< _this.particulars.itemList.length;i++) {
         _t...

			
		

	





	

		

			

				
					
解决输入框循环加载时动态显示placeholder默认值的问题

					
最新发布

				
			

			

				

					qq_53050456的博客
				

				

					09-20
					
					351
					
				

			

		

		

			
				
输入框循环加载时每个输入框对应字段不同，所以要对当前字段进行判断来决定placeholder的值，此时需要传入参数，但只是单纯传入参数会出现报错的情况，因为计算属性并不能接收到这个参数，或者说访问不到你传入的参数，此时我们需要用到闭包。一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。

			
		

	





	

		

			

				
					
div添加placeholder属性

				
			

			

				

					leveretz的博客
				

				

					11-10
					
					1660
					
				

			

		

		

			
				
div添加placeholder属性

			
		

	





	

		

			

				
					
uniapp 关于怎么在:placeholder中拼接一个变量

				
			

			

				

					颜浩的博客
				

				

					04-29
					
					2487
					
				

			

		

		

			
				
:placeholder="'共有'+orderlist.redpoint+'积分'"






			
		

	





	

		

			

				
					
vue中如何给placeholder动态绑定数据

				
			

			

				

					04-24
				

			

		

		

			
				
在Vue中，可以使用`v-bind`指令给placeholder动态绑定数据。具体实现方式如下：

```html
<template>
  <input type="text" v-bind:placeholder="placeholderText">
</template>

<script>
export default {
  data() {
    return {
      placeholderText: '请输入搜索关键词'
    }
  }
}
</script>
```

在上述代码中，`v-bind:placeholder`将`placeholder`属性与`placeholderText`数据绑定在一起，从而实现placeholder的动态绑定。当然，`placeholderText`可以是一个变量或引用一个计算属性，这取决于你的具体需求。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值