vue中的列表项删除操作


<script> Vue({ data: { orders: [] }, created() { $.get( { url: 'orders', dataType: 'json' }) .then( data => { this.orders = data; }); }, methods: { delete(index) { // 用索引删除 this.orders.splice(index, 1); }, deleteByID(id) { this.orders.splice(this.orders.find( order => { return order.id === id; }), 1); } } }); </script> <tr v-for="(order, index) in orders"> <td>...</td> <td> <button type="button" @click="delete(index)">用索引删除</button> <button type="button" @click="deleteByID(order.id)">用 ID 删除</button> </td> </tr>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM