layui框架怎么传值

layui框架提供了四种传值方法：1. url传参；2. form表单提交；3. layui.data()存储；4. 传递对象。

layui框架传值方法

layui框架提供了多种传值方法，以满足不同的使用场景。

1. URL传参

在页面加载时，可以通过URL地址栏传递参数，格式如下：

<script>
  layui.use('layer', function() {
    var layer = layui.layer;
    var param = location.search.substring(1);
    layer.alert(param);
  });
</script>

登录后复制

2. form表单提交

通过form表单提交数据时，可以通过form元素的name属性传递参数，格式如下：

登录后复制

提交

在页面加载完成后，可以通过以下方式获取表单数据：

layui.use('form', function() {
  var form = layui.form;
  var data = form.val('test'); // test为form表单的id
});

登录后复制

3. layui.data()存储

layui.data()可以存储全局数据，在页面间共享数据。使用方法如下：

layui.use(['data'], function() {
  var data = layui.data('tempData');
  // 设置数据
  data.set('username', 'admin');
  // 获取数据
  var username = data.get('username');
});

登录后复制

4. 传递对象

layui框架支持传递对象，使用方法如下：

layui.use('layer', function() {
  var layer = layui.layer;
  var data = {username: 'admin', password: '123456'};
  layer.open({
    content: JSON.stringify(data)
  });
});

登录后复制

在弹层中，可以使用以下方式获取传递的对象：

layui.use(['layer'], function() {
  var layer = layui.layer;
  var data = JSON.parse(layer.iframeAuto(/index.html/));
});

登录后复制

以上就是layui框架怎么传值的详细内容，更多请关注叮当号网其它相关文章！