Javascript 是否可以在对象中单击时创建事件-Vue JS

newvue({
el:“应用程序”，
数据：{
检查：[
{文本：“事件1单击此处”}，
{文本：“事件2”}，
{文本：“事件3”}，
{文本：“事件4”}
]
},
方法：{
测试（）{
console.log（“单击”）
}
}
})

您可以像下面这样尝试，希望解决您的问题

模板：

 <div id="app">
  <ul>
    <li v-for="(check, i) in checking"  :key="i">
     {{check.text}} <a @click='test' class='click'>click here</a>
    </li>
  </ul>
</div>

屏幕将如下所示：

---

您可以使用

v-on:click

属性添加单击事件：

newvue({
el:“应用程序”，
数据：{
检查：[
{文本：“事件1”}，
{文本：“事件2”}，
{文本：“事件3”}，
{文本：“事件4”}
]
},
方法：{
测试（输入）{
日志（“元素”+（输入+1）+“单击”）
}
}
})

{{{check.text}单击此处

你做不到。根据：

请注意，内容是以纯HTML形式插入的-它们不会编译为Vue模板。如果您发现自己试图使用v-html编写模板，请尝试使用组件来重新考虑解决方案

甚至令人沮丧的是：

在您的网站上动态呈现任意HTML可能非常危险，因为它很容易导致XSS攻击。仅在受信任的内容上使用v-html，而不在用户提供的内容上使用v-html

---

您好，谢谢您的回答，我的意思是单击此处查看特定对象您可以将参数传递到测试（参数）中以使用特定对象

new Vue({
      el: "#app",
      data: {
        checking: [
          { text: "Event 1" },
          { text: "Event 2" },
          { text: "Event 3" },
          { text: "Event 4" }
        ]
      },
      methods: {
        test() {
          console.log("clicked")
        }
      }
    })