如何在单击图标时调用语义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。