vue 动态绑定placeholder

一时失言乱红尘 2022-12-25 04:50 221阅读 0赞

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

在这里插入图片描述

  1. <div class="box flex">
  2.           <span v-if="indexNav == 0">登录密码</span>
  3.           <span v-else>交易密码</span>
  4.           <input
  5.             type="password"
  6.             :placeholder="psdPlaceholder"
  7.             v-model.trim="psd"
  8.           />
  9.         </div>

然后用computed属性

  1. computed: { 
  2.   //psdPlaceholder 是你需要用到的名字
  3.     psdPlaceholder() { 
  4.       return this.indexNav == 0
  5.         ? "请输入您的新登录密码"
  6.         : "请输入您的新交易密码";
  7.     },
  8.   },

完成！

发表评论

表情：
评论列表 （有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue 动态样式绑定

    1. 简介 本小节我们将介绍 Vue 中如何动态绑定样式。包括 Class 的绑定、内联样式 Style 的绑定。掌握样式绑定的多种形式是其中的重点难点。同学们可以在学完

    迈不过友情╰迈不过友情╰/ 0 赞/ 150 阅读

    相关 vue动态绑定class

    Vue.js 允许您使用 v-bind 指令或简写的 : 来动态绑定 class 属性。这允许您基于某些条件为元素添加或删除类名，从而实现动态样式控制。以下是一些示例： 动态

    ╰+攻爆jí腚メ╰+攻爆jí腚メ/ 0 赞/ 79 阅读

    相关 Vue动态绑定技术详解

    Vue.js是一种流行的JavaScript框架，它提供了许多方便的功能来帮助我们构建交互式Web应用程序。其中一个最强大的功能是动态绑定，它使我们能够轻松地将数据绑定到DOM

    忘是亡心i忘是亡心i/ 0 赞/ 101 阅读

    相关 【vue系列】class动态绑定

    > 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串

    Bertha 。Bertha 。/ 0 赞/ 441 阅读