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

最新推荐文章于 2023-09-20 12:53:48 发布
最新推荐文章于 2023-09-20 12:53:48 发布
阅读量3.5k 收藏 3
点赞数 3
分类专栏： 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49173190/article/details/124612207
版权
本文介绍了在Vue中如何根据需求动态绑定input元素的placeholder属性，通过使用computed属性实现placeholder值的动态变化，适用于placeholder需要根据场景变化的情况。
摘要由CSDN通过智能技术生成

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

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

然后用computed属性


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  大hei客
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
tinymce编辑器之placeholder插件的实现

				
			

			

				

					weixin_44191425的博客
				

				

					11-22
					
					1853
					
				

			

		

		

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

			
		

	



                

              
                



	

		

			

				
					
vue 中动态绑定 placeholder的值

				
			

			

				

					KLW75
				

				

					07-02
					
					6654
					
				

			

		

		

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


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

在数据部分


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

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

例如


watch: {
			监听的值: function(.

			
		

	



                


  
              

                


	

		

			

				
					
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

			
		

	





	

		

			

				
					
实现input框中placeholder的动态效果

				
			

			

				

					qq_49668888的博客
				

				

					05-28
					
					1195
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

				
					
vue placeholder绑定动态变量

				
			

			

				

					qq_36424715的博客
				

				

					09-25
					
					2327
					
				

			

		

		

			
				
vue placeholder绑定动态变量


code




			
		

	





	

		

			

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

				
			

			

				

					08-28
				

			

		

		

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

			
		

	





	

		

			

				
					
Variable 变量、Placeholder 传入值

				
			

			

				

					qq_42016781的博客
				

				

					12-28
					
					1479
					
				

			

		

		

			
				
1. Variable 变量
在 Tensorflow 中，定义了某字符串是变量，它才是变量，这一点是与 Python 所不同的。
定义语法： state = tf.Variable()
import tensorflow as tf

state = tf.Variable(0, name='counter')

# 定义常量 one
one = tf.constant(1)

# 定义加法步骤...

			
		

	





	

		

			

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

				
			

			

				

					12-16
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					04-24
				

			

		

		

			
				
在Vue中，可以使用`v-bind`指令给placeholder动态绑定数据。具体实现方式如下：  ```html   <input type="text" v-bind:placeholder="placeholderText"> </template>   export default {  data() {  return {  ...

			
		

	





	

		

			

				
					
vue  placeholder绑定动态变量

					
热门推荐

				
			

			

				

					yangbaobao的博客
				

				

					08-23
					
					3万+
					
				

			

		

		

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



			
		

	





	

		

			

				
					
vue 给placeholder绑定动态变量

				
			

			

				

					ITCwg的博客
				

				

					10-13
					
					5961
					
				

			

		

		

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



			
		

	





	

		

			

				
					
vue2 动态绑定 placeholder

				
			

			

				

					m0_37109343的博客
				

				

					07-05
					
					932
					
				

			

		

		

			
				
vue 动态绑定placeholder

			
		

	





	

		

			

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

					
最新发布

				
			

			

				

					qq_53050456的博客
				

				

					09-20
					
					441
					
				

			

		

		

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

			
		

	





	

		

			

				
					
element ui placeholder字段怎么动态传值

				
			

			

				

					qq_49934059的博客
				

				

					08-30
					
					360
					
				

			

		

		

			
				
【代码】element ui placeholder字段怎么动态传值。

			
		

	





	

		

			

				
					
placeholder变成变量，用props传

				
			

			

				

					qq_58307541的博客
				

				

					01-19
					
					503
					
				

			

		

		

			
				
组件里面：





页面使用，传不一样的








			
		

	





	

		

			

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

				
			

			

				

					颜浩的博客
				

				

					04-29
					
					2563
					
				

			

		

		

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






			
		

	





	

		

			

				
					
vue中下拉框的placeholder和选项传值问题使用

				
			

			

				

					kitesr的博客
				

				

					02-23
					
					2854
					
				

			

		

		

			
				
在我们日常写项目时，下拉框是经常使用的，也是非常简单的，但是有时也是会出现一些小的问题。

首先 我们给下拉框添加placeholder值是不生效的，此时我们只需要将下拉框绑定的value的初始值赋值为undefined就可以了，下面直接上代码


html代码 
<a-select
        style="width: 180px"
        v-model:value="data.situation"
        placeholder="请选择"
      >
     

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值