Анимация событий в 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>