Javascript JSON数据按钮单击在Vuejs中不起作用

我看到了这个问题，但这里没有显示方法

"element": [
  {
   "value": "<button @click='changeTheme()' class='theme-link btn btn-light'>Default</button>",
   "class": "text-success"
  }
]

---

可以将操作与按钮分开，方法是将其放在另一个键上的对象上，并在单击元素时调用它：

"element": [
  {
   "value": "<button class='theme-link btn btn-light'>Default</button>",
   "class": "text-success",
   "action": function () {alert("Y")}
  }
]

“元素”：[
{
“值”：“默认值”，
“类”：“文本成功”，
“操作”：函数（）{alert（“Y”）}
}
]

我看到了问题，但这里没有显示方法。我没有在数据库中保存数据的选项。只有一种呈现vue组件的方法，请检查，但如果在此处应用，将无法识别这些方法，因为这些方法是在父组件中定义的。我的方法无法解决此问题？如果我在JSON中使用方法，那么？这很复杂，您可以使用我在上面的评论中提到的方法，但是您还应该找到一种将事件和数据传递给动态组件的方法

methods: {
  changeTheme() {
     alert("Y");
  }
}

"element": [
  {
   "value": "<button class='theme-link btn btn-light'>Default</button>",
   "class": "text-success",
   "action": function () {alert("Y")}
  }
]

<p v-else v-html="element[0].value" @click="element[0].action"></p>