This repository has been archived on 2021-09-06. You can view files and clone it, but cannot push or open issues or pull requests.
vuejs_course/2021-03-27_routing-01-start.../src/components/users/UsersList.vue

38 lines
567 B
Vue

<template>
<button @click="confirmInput">Confirm</button>
<ul>
<user-item
v-for="user in users"
:key="user.id"
:name="user.fullName"
:role="user.role"
></user-item>
</ul>
</template>
<script>
import UserItem from './UserItem.vue';
export default {
components: {
UserItem
},
inject: ['users'],
methods: {
confirmInput() {
console.log('fo');
this.$router.push('/teams');
}
}
};
</script>
<style scoped>
ul {
list-style: none;
margin: 2rem auto;
max-width: 20rem;
padding: 0;
}
</style>