vuex初始化ajax数据,vue ajax 修改初始化赋值

*是否顶级菜单

==顶级菜单==

@foreach($data as $item)

{{$item->name}}

@endforeach

*节点名称

{{--v-model.lazy vue.js 延时绑定--}}

路由别名

*是否菜单

确认修改

const _token = "<?php echo e(csrf_token()); ?>";

new Vue({

el: '#form-node-edit',

data:{

info:{

name: "{{$node->name}}",//给后端传值

pid:"{{$node->pid}}",

route_name:"{{$node->route_name}}",

is_menu: "{{$node->is_menu}}",

_token:_token

}

},

created(){//初始化赋值

this.pid = "{{$node->pid}}";

this.name = "{{$node->name}}";

this.route_name = "{{$node->route_name}}";

this.is_menu = "{{$node->is_menu}}";

},

methods:{

/*doPost(evt){

let url = evt.target.action;

$.post(url, this.info).then(ret => {

console.log(ret)

});

}*/

//异步变同步 es7 async await

async doPost(evt){

let url = evt.target.action;

$.ajax({

'url':url,

'data':this.info,

'type': 'PUT'

}).then(ret => {

if(ret.status== 0) {

layer.msg(ret.msg,{icon:1,time:2000}, ()=> {

location.href = "{{route('admin.node.index')}}";

});

} else {

layer.msg(ret.msg,{icon:2,time:2000});

}

});

},

changePid(evt){//select 赋值

this.info.pid = evt.target.value || 0;

}

},

/* created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。*/

mounted(){

/* 单选样实*/

layui.use(['form'], function () {

var form = layui.form;

// 监听全选

form.on('checkbox(checkall)', function (data) {

if (data.elem.checked) {

$('tbody input').prop('checked', true);

} else {

$('tbody input').prop('checked', false);

}

form.render('checkbox');

});

});

}

});