效果:
代碼:
<template> <div> <div v-for="(item,index) in lst"> <h5>{{item.id}}</h5> <leave></leave> </div> <hr> <button @click="create">創建</button> </div> </template> <script> import leave from './components/leave.vue' export default { name: 'createComponent', data() { return { lst: [{ "id": "1" }], num: 1 } }, components: { leave }, methods: { create() { this.num++; this.lst.unshift({ "id": this.num }); } } } </script> <style scoped> </style>
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。