springboot+vue实现移动分类功能

1.需要到表连接
html

移动到：
                        <select name="movetid" style="padding:5px 15px; border:1px solid #ddd;" v-on:change="move()" v-model="nt_line">
                            <option value="0">请选择分类</option>
                            <option :value="news_user.nu_id" v-for="news_user in news_user">{{news_user.nu_name}}</option>
                        </select>

2.在vue中定义

news_user:[],
nt_line:0,

3.vue方法

getUser:function(){
                $.post("/newstype/getUser",{},function (data) {
                  //alert(JSON.stringify(data));
                    var len  = data.length;
                    for(var i = 0;i<len;i++){
                        vm.news_user.push(data[i]);
                    }
                    // alert(JSON.stringify(vm.news_user));
                })
            },

move:function(){
                var nt_ids = vm.nt_ids.join(",");
                $.post("/newstype/move",{nt_ids:nt_ids,nt_line:vm.nt_line},function (){
                    window.location.href="/newstype/tonewstype";
                })
                // alert(nt_ids);
            },

5.controller

@RequestMapping("/move")//多选移动
    @ResponseBody
    public String move(HttpServletRequest request) {
        String nt_ids = request.getParameter("nt_ids");
        String nt_line = request.getParameter("nt_line");
        String[] nidArray = nt_ids.split(",");
        for (int i = 0; i < nidArray.length; i++) {
            newsType newsType = newsTypeService.findById(Integer.parseInt(nidArray[i]));
            newsType.setNt_line(Integer.parseInt(nt_line));
            newsTypeService.save(newsType);
        }
        return "移动成功";
    }