Javascript 如何在Vue组件内操作一段动态HTML

Javascript 如何在Vue组件内操作一段动态HTML,javascript,vue.js,Javascript,Vue.js,我从API中获取HTML,我在VUE组件中显示该API。这个HTML可以包含元素,我想对这些元素进行操作,因此它们显示为折叠状态,可以通过单击按钮打开 Vue组件非常简单: <span>{{report.content}}</span> {{report.content} 我正在努力解决的问题是如何创建自定义JS来扫描中打印的内容,并添加一个按钮作为任何当前的第一个子项 我已经为我想要实现的目标创作了一支钢笔: 我如何集成这是我的VUE代码,以便它在中打印的任何内容上

我从API中获取HTML,我在VUE组件中显示该API。这个HTML可以包含
元素,我想对这些元素进行操作,因此它们显示为折叠状态,可以通过单击按钮打开

Vue组件非常简单:

<span>{{report.content}}</span>
{{report.content}
我正在努力解决的问题是如何创建自定义JS来扫描
中打印的内容,并添加一个按钮作为任何当前
的第一个子项

我已经为我想要实现的目标创作了一支钢笔:

我如何集成这是我的VUE代码,以便它在
中打印的任何内容上动态工作?我已经尝试在
创建:
方法中添加代码,但这似乎不起作用