vue+layui实现select动态加载后台数据的例子-创新互联

刚开始由于layui form渲染与vue渲染有时间差有时会导致 select里面是空白的

创新互联公司主营龙岗网站建设的网络公司,主营网站建设方案,重庆APP软件开发,龙岗h5小程序开发搭建,龙岗网站营销推广欢迎龙岗等地区企业咨询

后来就想办法等vue数据渲染完再渲染layui form

试过模块化导入layui form组件然后等vue数据渲染完后手动进行渲染

这种方式有一个小问题有时候会提示render方法未定义

可能是由于执行顺序原因 vue先执行了

最后把vue代码放到layui.use里面问题解决

可能不是最好的实现方式如有更好的实现方式欢迎指出共同进步

页面代码

<div id="demo" class="layui-inline layui-form" lay-filter="test2">
 <select>
  <option v-for="option in options" v-bind:value="option.id">
  {{ option.name }}
 </option> </select>
</div>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

名称栏目：vue+layui实现select动态加载后台数据的例子-创新互联
URL标题：https://www.cdcxhl.com/article20/cohico.html

成都网站建设公司_创新互联，为您提供网站导航、App设计、外贸建站、全网营销推广、企业网站制作、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容