vue通过ref改变input的type

news/2024/7/10 2:05:19 标签: ref, vue, input

template:

<input type="text" ref="input"  v-model="inputPad" @focus="zfocus" @blur="zblur">

data:

inputPad: "请输入支付密码",

methods:

zfocus() {
    this.$refs.input.type = "password"
    if (this.inputPad == "请输入支付密码") {
        this.inputPad = ''
    }
},
zblur() {
    if (this.inputPad == '') {
        this.inputPad = "请输入支付密码"
        this.$refs.input.type = "text"
    }
},

http://www.niftyadmin.cn/n/1834471.html

相关文章

[Angular实战网易云]——16、歌词滚动

歌词滚动 场景 在获取到歌词并渲染到面板之后&#xff0c;就要实现歌词和歌曲相对应&#xff0c;在实现歌词的高亮的同时还要实现歌词的滚动状态。 监听当前歌曲的值变化的时候就要实现歌词的变化拿到歌词之后通过歌词前面的时间戳来判断当前应该显示哪一条歌词在显示的歌词上…

win7下80端口被占用的解决方法

最近本人由于在电脑上同时安装了sql servers 2008 ,vs2010,同时搭配了php 的环境&#xff0c;但是&#xff0c;悲剧的事情发生了。Apache 经常打不开&#xff0c;原因当然是80端口被占用了&#xff0c;于是不停地百度谷歌&#xff0c;重装系统。。。。最近终于把问题给解决了。…

无效的学习习惯

整理文档时&#xff0c;发现以前写的文章&#xff0c;忘记是什么原因写的&#xff0c;好象没有发在Blog上&#xff0c;分享一下 1、无意义的争论 花费了半天或一天时间在QQ群、论坛里的争论&#xff0c;然后回想一下&#xff0c;发现没有任何有价值的内容。 比如哪个软件好&…

vue中使用

https://www.cnblogs.com/chinabin1993/p/8184296.html

wordpress配置记录

2019独角兽企业重金招聘Python工程师标准>>> 1. 配置目录权限 sudo chown -R www-data:www-data wp-content #apache操作用户为www-data sudo chmod -R 775 wp-content #只要将ftp用户添加到www-data就能对这个目录进行操作 2. 配置FTP服务器 sudo apt-get install …

[Angular实战网易云]——17、删除和清空歌曲

场景 完善列表面板上的其他功能&#xff0c;实现单条歌曲的删除以及整个列表歌曲的清空。 删除列表歌曲 在点击删除图标时&#xff0c;传递当前点击歌曲&#xff0c;在播放列表中查找并删除&#xff0c;同时有关索引的变化也要考虑进去。 wy-player-panel.componet.html &l…

c#中函数基本操作符介绍

括号 (x) 访问成员 x.y 函数调用 f(x) 访问数组&#xff08;不是元素&#xff09; a[x] 自增 x 自减 x-- 调用构造函数 new 获得类名 typeof 获得尺寸 sizeof&#xff08;不安全的&#xff09; 数值检查 (un)checked 基本操作符具有最高的优先级。 new只能在调用构造函数的时候…

浅谈Java中CyclicBarrier的用法

CyclicBarrier和CountDownLatch一样&#xff0c;都是关于线程的计数器。 用法略有不同&#xff0c;测试代码如下&#xff1a; 1 public class TestCyclicBarrier {2 3 private static final int THREAD_NUM 5;4 5 public static class WorkerThread implements Ru…