本文探讨了如何在Vue.js应用中从服务器获取的动态HTML内容中调用组件的方法。作者遇到的问题是尝试在HTML的`onclick`事件中引用Vue组件的方法，但遇到了`ReferenceError`。解决方案是利用Vue的`v-on`指令或者`@click`来绑定事件处理函数，确保方法能在适当的作用域内被调用。代码示例和CodePen链接提供了详细实现。
我有一个从服务器发送的html块，我想从嵌入在该html中的链接调用方法或函数。Vue.js从动态html调用方法
在我.vue文件，该HTML被显示，像这样：
import axios from 'axios'
export default {
data() {
return {
myhtml: null
}
},
created() {
this.refreshHTML()
},
methods: {
refreshHTML() {
axios.get()// get my html
this.myhtml = response.data
},
myFunction() {
//do my function stuff here...
}
}
}
什么我想这是牵强的HTML做的是附上触发我的功能，像这样一个onclick事件：
但是当我尝试，我得到：
ReferenceError: Can't find variable: myFunction
2017-09-24
Stephen
+0
你也可以做这样的事情：https://codepen.io/Kradek/pen/zEopZd?editors=1010 –
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
