vue-demo/vue-client/static/list.html at 0570b562c9c68559f192253c3190f9723e927af6

mark.george / vue-demo

Find file

Newer

Older

vue-demo / vue-client / static / list.html

Mark George on 1 Sep 2021 800 bytes Switch to persistent Vuex

Raw Blame History

<!DOCTYPE html>
<html>
<head>
	<title>Student Management</title>

	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/forms.css">

	<script src="js/external/vue.global.js"></script>
	<script src="js/external/vuex.global.js"></script>
	<script src="js/external/vuex-persistedstate.js"></script>
	<script src="js/external/axios.js"></script>
</head>

<body>

<main id="content">

	<pageheader></pageheader>

	<table>
		<tbody>
		<tr>
			<th>Student</th>
			<th id="button"></th>
		</tr>
		<tr v-for="student in students">
			<td>{{student.id}}</td>
			<td>
				<button class='view' @click="view(student)">View</button>
			</td>
		</tr>
		</tbody>
	</table>

</main>

<script type="module" src="js/student-list.js"></script>

</body>

</html>