v-html包含document.write脚本

Question

我的应用程序接收到一个JSON文档，其中包含一个集合名称/值对...，该值是一个HTML代码段。我使用v-for和v-html结合来呈现html代码段。

示例：

<div id="fields" v-for="field in j.fields"  v-html="field.htmlSnippet">
     <!-- DO NOT REMOVE: Placeholder for dynamic HTML -->
</div>

一切工作都按预期进行，直到JSON所有者向发送给我的HTML添加了一些“ document.writes”。一切都呈现出来，并且我可以在DOM中看到脚本语句，但是document.writes似乎没有执行。

就像VueJS编写字符串一样，但是DOM无法将它们解析为JS并执行它们。这些摘要之一的示例：

<td class="inputs">
     <script type="text/javascript">
          document.write("<select id='foo' onchange='clearOutput()' tabindex='1'>");
          document.write("<option selected value='bar' selected>bar<\/option>");
          document.write("<\/select>");
     </script> 
</td>

关于如何说服VueJS / DOM / Browser / etc的任何想法。在绑定和呈现HTML时识别并执行该脚本？