*是否顶级菜单
==顶级菜单==
@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');
});
});
}
});