使用vue+layui做下拉菜单联动发现有option但是下拉菜单并没有显示

最新推荐文章于 2023-05-23 22:12:53 发布

qq_30389411

最新推荐文章于 2023-05-23 22:12:53 发布

阅读量402

点赞数 1

分类专栏： layui

本文链接：https://blog.csdn.net/qq_30389411/article/details/119254532

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在使用layui美化Vue应用的下拉菜单时遇到问题，表现为预加载的option在下拉菜单中显示为空。原来是layui对select元素的处理导致的。通过在updated钩子函数中调用layui的form.render()方法解决了这个问题，确保了省市区三级联动的正常显示。

摘要由CSDN通过智能技术生成

页面html结果
页面显示效果

想用layui做下拉菜单的省市区三级联动，但是发现option已经在html中出现，但是下拉菜单点开是空的，后来百度发现是layui的表单元素select、checkbox、radio 的一些美化修饰处理导致的。因为是使用vue，一开始写在created的钩子函数中也不起作用，要写在updated才有用：

updated: function () {
                    layui.use('form', function(){
                        var form = layui.form;
                        form.render();
                    });
                }