<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                            
        
                
          ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便！
          廣告
        
                        
                                                                        
  

                

                
    
                
        
                
                            # vue中使用refs 完成密碼框明密文切換

# vue通過ref改變input的type

template:

```
<pre class="calibre13">```
<span class="token"><</span>input type<span class="token">=</span><span class="token4">"text"</span> ref<span class="token">=</span><span class="token4">"input"</span>  v<span class="token">-</span>model<span class="token">=</span><span class="token4">"inputPad"</span> @focus<span class="token">=</span><span class="token4">"zfocus"</span> @blur<span class="token">=</span><span class="token4">"zblur"</span><span class="token">></span>

```
```

data:

```
<pre class="calibre13">```
inputPad<span class="token1">:</span> <span class="token4">"請輸入支付密碼"</span><span class="token1">,</span>

```
```

methods:

```
<pre class="calibre13">```
<span class="token3">zfocus</span><span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span>
    <span class="token2">this</span><span class="token1">.</span>$refs<span class="token1">.</span>input<span class="token1">.</span>type <span class="token">=</span> <span class="token4">"password"</span>
    <span class="token2">if</span> <span class="token1">(</span><span class="token2">this</span><span class="token1">.</span>inputPad <span class="token">==</span> <span class="token4">"請輸入支付密碼"</span><span class="token1">)</span> <span class="token1">{</span>
        <span class="token2">this</span><span class="token1">.</span>inputPad <span class="token">=</span> <span class="token4">''</span>
    <span class="token1">}</span>
<span class="token1">}</span><span class="token1">,</span>
<span class="token3">zblur</span><span class="token1">(</span><span class="token1">)</span> <span class="token1">{</span>
    <span class="token2">if</span> <span class="token1">(</span><span class="token2">this</span><span class="token1">.</span>inputPad <span class="token">==</span> <span class="token4">''</span><span class="token1">)</span> <span class="token1">{</span>
        <span class="token2">this</span><span class="token1">.</span>inputPad <span class="token">=</span> <span class="token4">"請輸入支付密碼"</span>
        <span class="token2">this</span><span class="token1">.</span>$refs<span class="token1">.</span>input<span class="token1">.</span>type <span class="token">=</span> <span class="token4">"text"</span>
    <span class="token1">}</span>
<span class="token1">}</span><span class="token1">,</span>

```
```

**type**

規定 input 元素的類型, input 密碼切換是 在text和密碼切換中自由切換
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看