Vue - реализация этого. $ Options.staticRenderFns - PullRequest
0 голосов
/ 20 января 2019

Я пытаюсь реализовать компонент Vue с пользовательской функцией рендеринга.Как только мой шаблон содержит вложенные элементы HTML, я получаю эту ошибку:

TypeError: this.$options.staticRenderFns is undefined

Как мне реализовать staticRenderFns ?

Код:

<!doctype html>
<html>
<head>
    <meta charset="utf-8" /> 
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
    <div id="app">
        <comp temp="temp1"></comp>
    </div>
    <script>
        var myTemplates = new Array();
        myTemplates['temp1'] = Vue.compile("<div><div>This template will come from an AJAX source</div></div>").render; 

        var Comp = {
          props: ["temp"], 
          data() {
            return {
                renderFunc: myTemplates[ this.$props.temp ],
            }
          },
          render(h) {
            return this.renderFunc()
          }
        };

        new Vue({
          el: "#app",
          data: { },
          components: { Comp }
        });
    </script>
</body>
</html>
...