Vue-Element前端获得后台数据显示和传值

这里记录下vue前端传值的问题:
1、这里后台传的值是string类型的,传到前端是显示复选框和选择框两种,这里贴上代码
后台数据:

private String vehicletype;//培训车型	下列编码可多选,以英文逗号分隔: A1,A2,A3,B1,B2,C1,C2,C3,C4,C5,D,E,F,M,N,P
private String subject;//培训部分及方式	1:第一部分集中教学; 2:第一部分网络教学; 3:第四部分集中教学; 	4:第四部分网络教学; 5:模拟器教学; 6:第二部分普通教学; 7:第二部分智能教学; 8:第三部分普通教学; 9:第三部分智能教学

前台展示:


  
      {{veh}}
  



  
  {{data.menu}}
 

其中在script中声明可培训车型


这里其中要说明的是前端展示是用一个声明的数组,因为前后端数据类型不一样(不一样则报400错误,f12是消息头的格式是html-txt),所以要转换数据类型。
所以这里使用.split()方法(前端写入)和把前端数组用toString方法转换成String类型

这里贴上Element-UI前端组件复选框的地址:
http://element-cn.eleme.io/#/zh-CN/component/checkbox
差不多看懂这个就很容易了

你可能感兴趣的:(Vue-Element前端获得后台数据显示和传值)