如何在 Vue 中注入一些字符串并对其求值？

Question

在 SPA 中，使用选项 API，如何（在哪里）定义将从 html href 调用的函数？

在下面的演示代码中，一切正常。

密码笔

但是，在我的单页上：

    <template>
        <div v-html="my_div" />
    </template>
    
    <script>
    /* function MyFunction() {
      alert();
    }; */
    
    const MyFunction = () => {
      alert();
    };

   /* Just for explanation, because the data comes from the database
   export default {
    data() {
      return {
        my_div:'<a href="javascript:MyFunction(10)">link call function</a> ',
      }
    }
  */
}
    </script>

调用函数返回错误：

未捕获的引用错误：MyFunction 未定义

显然，函数是在调用之后定义的

知道如何解决这个问题吗？

Answer 1

不确定你想在这里做什么，但不要将一些不知从何而来的随机字符串评估为奇怪的格式。它不会工作，会很笨重，不可调试。

如果你的代码库是遗留的并且有很多债务，请重构它或使用 jQuery 或其他任何东西来进一步破解它。