Javascript 如何将v-on:click事件附加到html元素

对不起，我想在html元素中附加vue.js事件和html

但是，Append不能使用vue.js eventOpenTabDropdown ps：我使用jquery附加函数

Vue.js

const app = new Vue({
        el: '#app',
        methods:{
            Append(){
                var moreArray = new Array();
                moreArray.push("<a v-on:click='OpenTabDropdown($event)' href='javascript:;'><i class='fa fa-angle-double-down none' aria-hidden='true'></i> </a>");
                $('.show_wrap').append(moreArray);
            },
            OpenTabDropdown(event){
               $(event.target).find('.fa-angle-double-down').toggleClass('none');
            }
        },
});

Html

就像上面的代码

我想要更多数组附加到divshow\u wrap

但OpenTabDropdown并没有任何响应

---

我该怎么办，请帮帮我，谢谢

不确定是否要追加，但这里有一些类似的内容

您可以通过v-if添加/删除html部分 您可以将数据存储在$data中 可以使用方法切换html部分。 const app=新的Vue{ el:“应用程序”， 数据：函数{ 返回{ isDropdownEnabled:false， 您的数据：[ {姓名：'约翰'}， {name:'Sarah'} ] } }, 方法：{ 切换DropDownEvent{ this.$setthis.$data，'isDropdownEnabled'，！this.isDropdownEnabled } } }; {{data.name}

---

你想干什么？对不起，我没说清楚。我想将vue.js事件附加到html中。那么OpenTab就可以放下这个函数了。你为什么不呢？然后，当您单击此div时，您可以向阵列添加某些内容。这绝对不是您应该使用Vue的方式。绝对不要直接修改DOM！相反，您应该修改数据字段以触发任何必要的DOM更改。请通读Vue.js文档，以便更好地了解Vue如何工作以及如何最好地利用其内置功能。抱歉，我很晚才回复@CaShiS It should be。我的问题很奇怪，我需要重新设计我的逻辑。。谢谢你的回复！谢谢我参考你的方法，找到了类似的解决问题的方法！谢谢！

<div ip="app">
<div class="show_wrap">
</div>
</div>