javascript - Vuejs如何将点击功能设置为语义UI的关闭功能？

Question

我如何调用 semanticUI 的函数来关闭和淡化图标点击时的消息？

https://semantic-ui.com/collections/message.html#dismissable-block有一个 jQuery 调用(？)，但我不确定如何在 vue 中进行类似的操作。有人能解释一下它在做什么吗？我知道您正在传递一个点击时要执行的函数，但是函数中的 $('.message .close') 和 $(this) 是什么？

<i class="close icon" @click=???? >

$('.message .close')
  .on('click', function() {
    $(this)
      .closest('.message')
      .transition('fade')
    ;
  })
;

Answer 1

$('.message .close') 是一个 jQuery 类选择器，它将从您的 html 元素中选择 .message 和 .close 类 $(this) 将是它找到的 dom 元素，您可以使用此代码，包括html 中的 cdn 以及 jQuery 的 cdn。