javascript - 将空字符串返回到 ES6 模板字符串中

Question

我正在执行以下操作：

return this.innerHTML = `
  <input 
        value = ${this.value ? this.value : ''}
        placeholder=${this.placeholder}
  ></input>
`

现在的问题是，如果this.value未定义，未定义为字符串设置为输入值，这就是为什么我尝试将空字符串返回给输入值属性。这不起作用，然后我将placeholder=${this.placeholder}字符串作为 value 属性。

我现在安静地用谷歌搜索了一段时间，找不到任何答案，这甚至可能吗？

帮助将不胜感激。

Answer 1

您没有用双引号将值和占位符括起来。

return this.innerHTML = `
  <input 
        value = "${this.value ? this.value : ''}"
        placeholder="${this.placeholder}"
  ></input>
`