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

【问题标题】：How to add html text after a v-bind directive on a placeholder element in Vue.Js?如何在 Vue.Js 中占位符元素的 v-bind 指令后添加 html 文本？
【发布时间】：2018-11-30 17:23:22
【问题描述】：

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

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

实际上是这样写的：

约翰·多伊迪特 而不仅仅是 John Doe。

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

2) 我应该如何编写一个 javascript 表达式以在“user.name”之后添加一个空格，这样我至少可以有类似 John Doe edit 而不是 John Doeedit强>?

我已尝试添加两个不同的引号，如 here 所述：

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

但是这样写：

用户名编辑

有什么想法吗？

【问题讨论】：

标签： javascript input vue.js safari placeholder

【解决方案1】：

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

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

【讨论】：

嗨@Thomas。感谢您的建议。我试过了，但没有运气。
您确定是 Safari 添加了“编辑”部分吗？当然，您确实在 Firefox 和 Chrome 上尝试过？
另一个提示，在 safari 中禁用 javascript 并查看表单。