环境:springboot,vue,vue-resource(cdn方式)
引入相关文件:
<!-- 这里是本地引入css -->
<link rel="stylesheet" href="/css/style.css" type="text/css">
![s述](https://img-blog.csdnimg.cn/20200228145707181.PNG)
<!-- 引入element-ui 要注意引入的顺序 线上引入~ -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入vue -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- 引入vue-resource -->
<script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.js"></script>
<!--element-ui-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
先写好表格框子
<!--添加事项 -->
<div>
<span>事项名字</span>
<input type="text" v-model="listBean.name"><br/>
<span>待办事项内容</span>
<textarea rows="8" cols="40" v-model="listBean.content"></textarea>
<button type="submit" @click=insertList() >确定</button>
</div>
<!--v-model="listBean.name",代表此输入框与下面listBean json串中的name值绑定