问题描述
我想基于ajax api响应或包含以下内容的数据创建一个组件:
备注:响应或数据是动态的,不会保存在文件中。
我尝试生成并返回结果,如:
<script>
Vue.component('test-component14',{
template: '<div><input type="button" v-on:click="changeName" value="Click me 14" /><h1>{{msg}}</h1></div>',data: function () {
return {
msg: "Test Componet 14 "
}
},methods: {
changeName: function () {
this.msg = "mouse clicked 14";
},}
});
</script>
并编译以上代码:
axios.get("/api/GetResult")
.then(response => {
comp1 = response.data;
const compiled = Vue.compile(comp1);
Vue.component('result-component',compiled);
})
.catch(error => console.log(error))
我在Vue.compile(comp1)
上遇到了错误-
- 模板仅应负责将状态映射到UI。避免在模板中放置带有副作用的标签,例如
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)