Анимация событий в Riot.js

Я хотел бы знать, как я могу сделать анимацию событий в Riot.js. Пример, монтирование, размонтирование событий.

В этом коде я хочу сделать анимацию при удалении элемента.

Спасибо за помощь заранее!

<tbody>
<tr 
    each={ticket, i in tickets}
    class="animated fadeIn" 
>
    <td>{i+1}</td>
    <td>{ticket.email}</td>
    <td>{ticket.subject}</td>
    <td>{ticket.content}</td>
    <td>
        <button class="button-primary" onclick="{setupdate}">Update</button>
        <button class="c-bg-red" onclick="{deleteitem}">Delete</button>
    </td>
</tr>
</tbody>

<script>
this.on('before-mount', function(){
    this.subjects = ['Lorem ipsum dolor sit amet','Tenetur, nisi, tempore. Molestias, necessitatibus','Provident porro neque sed molestias','Itaque, quos nulla? Quibusdam, voluptas','Fuga similique voluptatibus velit commodi'];
    this.tickets = ['...'];

    this.indexUpdated = "";
    this.indexDeleted = "";
    this.stateUpdate = false;
});

this.on('mount', function(){
    var self = this;

    self.setupdate = function(){
        indexUpdated = this.i;
        console.log(indexUpdated);
    };

    self.deleteitem = function(){
        indexDeleted = this.i;
        self.tickets.splice(indexDeleted, 1);
    };

    self.update();
});
</script>

0 ответов

Другие вопросы по тегам