- List item
- // show hide 显示隐藏
$(“.one”).show()
$(“.two”).hide() - // 数据初始化
common.loadData(data.data)
// 表格刷新
form.render()
Document - 锐客网
src="https://www.it610.com/layui-v2.5.5/layui.js" charset="utf-8">
src="https://www.it610.com/js/lay-config.js?v=1.0.4" charset="utf-8">
>
layui.use(['form', 'table', 'my_common', 'upload'], function () {
var $ = layui.jquery;
var form = layui.form;
var upload = layui.upload;
var common = layui.my_common;
$(".one").show()
var chooseType="1"
// 监听下拉框
form.on('select(showTab)', function(data){
console.log(data.elem);
//得到select原始DOM对象
console.log(data.value);
//得到被选中的值
console.log(data.othis);
//得到美化后的DOM对象
chooseType = data.value
if(chooseType=='1'){
// show hide 显示隐藏
$(".one").show()
$(".two").hide()
$(".three").hide()
}else if(chooseType=='2'){
$(".one").hide()
$(".two").show()
$(".three").hide()
}else if(chooseType=='3'){
$(".one").hide()
$(".two").hide()
$(".three").show()
}
});
// 数据回显
// 查询详情 AjaxJSONAsync common.js文件定义的内容
common.AjaxJSONAsync('接口地址', {}, function (data) {
chooseType=data.data.type
if(chooseType=='1'){
// show hide 显示隐藏
$(".one").show()
$(".two").hide()
$(".three").hide()
}else if(chooseType=='2'){
$(".one").hide()
$(".two").show()
$(".three").hide()
}else if(chooseType=='3'){
$(".one").hide()
$(".two").hide()
$(".three").show()
}
// 数据初始化
common.loadData(data.data)
// 表格刷新
form.render()
})
})
推荐阅读
- 前端相关|02-Vue基础之条件渲染和列表渲染
- vue后台管理项目|Vue后台管理系统项目(27)SPU管理内容的切换
- Web-Douglas|Vue学习基础版汇总V5.0.0
- # yyds干货盘点 # 一文带你解读?JavaScript中的变量作用域和内存问题
- 零基础学JavaScript|三,零基础学习JavaScript----词法结构
- 零基础JavaScript学习|零基础JavaScript学习【完结篇】
- Vue|Vue2.x 项目性能优化之代码优化
- 笔记|JavaScript JSON
- JavaScript 之 Proxy