vue通过ref改变input的type

最新推荐文章于 2024-01-22 16:37:28 发布

左森

最新推荐文章于 2024-01-22 16:37:28 发布

阅读量7.1k

点赞数 2

分类专栏： vue 文章标签： ref vue input

本文链接：https://blog.csdn.net/qq719756146/article/details/84617548

版权

vue 专栏收录该内容

67 篇文章 0 订阅

订阅专栏

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"
    }
},