复选框数据通过axios和Vue传输到servlet后台

发布时间 2023-04-16 20:18:06作者: yesyes1

引言

本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台;

百度之后才发现,是我草率了,原来可以直接用复选框标签进行传输(好吧,又暴露了自己基础不扎实的事实......)

相关实现步骤

1、将相关的标签el-checkbox引入进去

这里我们需要引入三个带有el的标签,el-checkobx-groupel-checkboxel-button这三个标签

这么来看的话,其实也就是基本上相当于table、tr、td这几个标签了吧!

2、在el-checkbox标签里面引入v-for属性

举例来说,可以这么写:

v-for="city in list" :label="city" :key="city"

//之后显示数据的话,同样是使用两个花括号将我们想要显示的数据显示出来

3、点击button按钮,实现数据传入后台

在button标签这里,同样是之前用过的的@click属性,实现点击事件

4、在script标签里面进行newVue的相关定义,基本与Vue没啥差别