layui使用vue后导致组件渲染失败的解决方法

Love The Way You Lie 2022-12-22 06:27 308阅读 0赞

layui加载模块

  • 如果加载的模块是：layui.js
  • 在layui进行渲染的时候，必须在<div class="layui-form"></div>中进行渲染
  • 在页面加载的时候，使用：
  • <script> layui.use('form', function() { var form = layui.form; form.render(); }); </script>

到此，页面中的radio,以及select就可以正常显示了。
如果是动态追加的radio\select，那么在js追加完后，调用form.render();

发表评论

表情：
评论列表 （有 0 条评论，308人围观）

还没有评论，来说两句吧...

相关阅读

    相关 强制 Vue 重新渲染组件

    有时候，依赖 vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让vue以正确的方式重新呈现

    迈不过友情╰迈不过友情╰/ 0 赞/ 406 阅读

    相关 vue中动态渲染组件的方法

    在项目中，我们会经常遇到动态加载不同组件（内容）的场景，也就是想通过一个页面，根据不同的参数或者条件，来加载不同的内容。那在vue里，给大家提供了一个很简单的方法，使用comp

    左手的ㄟ右手左手的ㄟ右手/ 0 赞/ 1217 阅读