时间戳

首页 > 解决方案 > 如何在 Vue.Js 中占位符元素的 v-bind 指令后添加 html 文本？

javascript - 如何在 Vue.Js 中占位符元素的 v-bind 指令后添加 html 文本？

问题描述

我在这里使用 Vue.Js。Safari 目前正在自动将“编辑”作为占位符添加到所有输入和文本区域元素。我在网上看了看，还没有找到删除那个“编辑”字的方法。所以这：

<input autocomplete='off' type="text" ref="inputPlaceholderUser" v-bind:placeholder='user.name'>

实际上是这样写的：

John Doeedit 而不仅仅是John Doe。

1）你知道如何删除那个 EDIT 字吗？如果是这样，下一个问题是无关紧要的

2）我应该如何编写一个javascript表达式在“user.name”之后添加一个空格，这样我至少可以拥有像John Doe edit而不是John Doeedit的东西？

我试图添加两个不同的引号，如此处所述：

<input autocomplete='off' type="text" ref="inputPlaceholderUser" v-bind:placeholder="'user.name' + ' '">

但这写道：

用户名编辑

有什么想法吗？

标签： javascriptinputvue.jssafariplaceholder

解决方案

我无法访问 Safari，但您是否尝试添加一个空的placeholder？之前v-bind。

<input autocomplete='off' type="text" ref="inputPlaceholderUser" placeholder="" v-bind:placeholder='user.name'>

推荐阅读