Как установить функцию щелчка для функции закрытия семантического интерфейса?

Question

Как мне вызвать функцию semanticUI для закрытия и исчезновения сообщения при щелчке значка?

https://semantic -ui.com / collection / 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

Я действительно должен посмотреть документацию, прежде чем публиковать это. Спасибо за разъяснение, меня смутило различие между классами CSS и вызовами функций. Используя оболочку перехода и v-if сделал работу.

https://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components

Answer 2

$ ('. Message .close') - это селектор класса jQuery, который выберет класс .message и .close из ваших html-элементов $ (this) будет найденным элементом dom, вы можете использовать этот код, включаяCDN в вашем HTML вместе с CDN для JQuery.