“在Vue中使用Mock”的版本间的差异
来自CloudWiki
（创建页面，内容为“==代码== <nowiki> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="vue.js" type="text/javascript" charset="utf-8"> </script> <script src…”） |
|||
| 第37行： | 第37行： | ||
==效果== | ==效果== | ||
[[文件:vue2022041401.png|600px]] | [[文件:vue2022041401.png|600px]] | ||
| + | |||
| + | ==使用Mock拦截数据== | ||
| + | https://blog.csdn.net/qq_45613931/article/details/119530800 | ||
2022年4月14日 (四) 04:11的版本
代码
<!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>
效果
