layui 拓展的插件 xm-select 如何设置非空

要设置 xm-select 非空，可以使用 xm-select 的 verify 参数来实现。具体步骤如下：

1. 在 HTML 中给 xm-select 组件添加一个 id，例如：id="test-select"。

2. 在 JavaScript 中使用以下代码初始化 xm-select 组件，并设置 verify 参数：

xmSelect.render({
  el: '#test-select',
  verify: function (val) {
    if (!val || val.length <= 0) {
      return '请选择至少一项';
    }
  },
  // 其他参数...
});

上面的代码中，verify 参数是一个回调函数，用于验证选中的值是否符合要求。如果选中的值为空，则返回一个字符串，表示验证失败，否则返回 undefined 或不返回值，表示验证通过。

3. 在 HTML 中添加一个用于显示验证错误信息的元素，例如：id="test-error"。

4. 在 JavaScript 中监听 xm-select 的 change 事件，并在事件处理函数中更新验证错误信息的显示状态：

var select = xmSelect.render({
  el: '#test-select',
  verify: function (val) {
    if (!val || val.length <= 0) {
      return '请选择至少一项';
    }
  },
  // 其他参数...
});

var errorEl = document.getElementById('test-error');

select.on('change', function (data) {
  var error = select.verify();
  if (error) {
    errorEl.innerHTML = error;
    errorEl.style.display = 'block';
  } else {
    errorEl.innerHTML = '';
    errorEl.style.display = 'none';
  }
});

上面的代码中，change 事件的回调函数获取到选中的数据，然后调用 verify 方法进行验证。如果验证失败，则更新错误信息元素的内容和显示状态，否则隐藏错误信息元素。

通过以上步骤，就可以实现 xm-select 的非空验证了。