Return 空字符串转ES6模板字符串

Question

我正在执行以下操作：

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

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

我用谷歌搜索了一会儿，找不到任何答案，这可能吗？

将不胜感激。

Answer 1

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

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

Return empty string into ES6 template string