javascript - 如何将 PHP 变量插入到存储在 JS 变量中的 HTML 中？

Question

是否可以在我的零件中插入ButtonSendvar <input>？这种方式行不通：

var ButtonSend = <?php _e('Go!', $this->plugin_slug) ?>;
LangKeys['en']['button'] = '<input v-on:click.prevent="submit" type="button" value="ButtonSend" />';

标签： javascript

Answer 1

假设它是一个字符串值（来自属性名称的上下文），您需要将 PHP 输出用引号括起来。然后，您可以像连接其他任何值一样连接该值：

var ButtonSend = '<?php _e('Go!', $this->plugin_slug) ?>';
LangKeys.en.button = '<input v-on:click.prevent="submit" type="button" value="' + ButtonSend + '" />';

或者，您可以使用模板文字进行连接，假设您不需要 IE 支持：

LangKeys.en.button = '<input v-on:click.prevent="submit" type="button" value="${ButtonSend}" />';