时间戳

首页 > 解决方案 > 如何添加带有插值的 url 作为输入文本框的值？

javascript - 如何添加带有插值的 url 作为输入文本框的值？

问题描述

我尝试在输入文本中添加带有插值的 url：

<input type="text" placeholder="Enter code" value="'https://varip.geodata.com/?code='" + {{ mycode }} />

但在上面的行我得到这个错误：

DOMException: Failed to execute 'setAttribute' on 'Element': '+' is not a valid attribute name.

我的问题如何添加带有插值的 url 作为输入文本框的值？

标签： javascriptvue.jsecmascript-6

解决方案

里面用普通的JS表达式就好了""，记得:在使用JS表达式之前在你的prop开头加上

:value="'https://varip.geodata.com/?code=' + mycode"

<input
  type="text"
  placeholder="Enter code"
  :value="'https://varip.geodata.com/?code=' + mycode"
/>

推荐阅读