“在Vue中使用Mock”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
 
第40行: 第40行:
 
==使用Mock拦截数据==
 
==使用Mock拦截数据==
 
https://blog.csdn.net/qq_45613931/article/details/119530800
 
https://blog.csdn.net/qq_45613931/article/details/119530800
 +
 +
==Mock增删改查==
 +
https://blog.csdn.net/Y_web/article/details/118926746

2022年4月14日 (四) 04:12的最新版本

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="vue.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="http://mockjs.com/dist/mock.js"></script>

		<title></title>
	</head>
	<body>
		<div id="app">
			{{ message }}
			<a href="#" @click="Send()">确定</a></td>
		</div>
		<script type="text/javascript">
			var app = new Vue({
						el: '#app',
						data: {
							message: 'Hello Vue!'
						},
						methods: {
							Send: function(event) {
								let id = Mock.mock('@id')
								console.log(id);
							},
						}
						})
		</script>
	</body>
</html>


效果

Vue2022041401.png

使用Mock拦截数据

https://blog.csdn.net/qq_45613931/article/details/119530800

Mock增删改查

https://blog.csdn.net/Y_web/article/details/118926746