如何在单击图标时调用语义UI的函数来关闭和淡出消息?

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')
    ;
  })
;

最佳答案

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

09-17 23:39
查看更多