情不知从何起,一往而情深
排名
1
文章
870
粉丝
112
评论
163
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

使用vue渲染layui的复选框时无法渲染

8473人阅读 2020/6/6 21:34 总访问:1181273 评论:0 收藏:0 手机
分类: 前端

这是因为使用vue后数据是动态生成的,没有被layui渲染出来所以有问题,调用一下layui的渲染方法即可

  1. layui.use(['form'], function () {
  2.     var form = layui.form;
  3.     form.render();
  4. });

但是,这样还是渲染不了,因为vue更新数据后更新dom节点还需要一些时间,所以应该放在vue的updated事件中即可

  1. var consulserviceVue = new Vue({
  2.     el"#consulservice",
  3.     data: {
  4.         data: {},
  5.         service: []
  6.     },
  7.     createdfunction ({
  8.     },
  9.     updatedfunction ({
  10.         layui.use(['form'], function ({
  11.             var form = layui.form;
  12.             form.render();
  13.         });
  14.     }
  15. });


题外话:

vue和layui这两者结合是会有很多渲染的先后顺序问题,避免不了会有冲突,所以已经使用vue考虑使用iview

官网:https://www.iviewui.com/

当然也可以考虑使用Element UI

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

忘掉过去式

2020/4/18 16:40:45

厉害 博主优秀 博主威武

剑轩:@忘掉过去式哈哈哈,这个也是把我坑了好几天-.-

2020/4/18 23:11:18 回复

忘掉过去式:@剑轩程序员的苦逼生活

2020/4/20 11:16:36 回复

剑轩:@忘掉过去式加油加油,每个行业都有每个行业的辛酸,但也有每个行业的乐趣

2020/4/20 12:01:22 回复

忘掉过去式:@剑轩你心态真好

2020/4/21 14:37:49 回复

剑轩:@忘掉过去式哈哈,没办法哇,本来就难,如果心态也不积极要更难了

2020/4/22 13:58:01 回复

忘掉过去式:@剑轩你心态怎么卖的 给我来两斤 实在不行咋俩换一下

2020/4/22 15:20:59 回复

NET Core 使用 EF Code First

下面这些内容很老了看这篇:https://www.tnblog.net/aojiancc2/article/details/5365 项目使用多层,把数据库访问...

使用OLEDB读取不同版本Excel的连接字符串设置

使用OleBD读取excel的时候,excel不同的版本,连接字符串的写法也会不一样。///<summary> ///读取excel ///</su...

C 使用CancellationTokenSource取消多线程

有时间我们在使用多线程的时候,需要取消线程的执行,可以使用CancellationTokenSource来取消对Task开辟多线程的取消如下:...

使用爬虫刷csdn博客访问量

首先了解一下常见反爬虫的检测方法频率监测:有些网站会设置一种频率监测的机制,对于同一IP,若在一定时间内访问的速度超...

Idea下使用maven搭建SSM(一):SpringMVC

Spring MVC是一款基于MVC架构模式的轻量级Web框架,其目的是将Web开发模块化,对整体架构进行解耦,简化Web开发流程。下面...

Idea下使用maven搭建SSM(二):MyBatis

开发Web应用,数据的存储和处理往往离不开数据库和SQL语句。在使用Java开发的Web应用中,自然也少不了连接数据库的步骤。在...

使用 微软自带语音合成类库

//引入语音合成名称空间 usingSystem.Speech.Synthesis; classA { voidtest1() { //实例化并指定字符串播放合成读音 ...

如何使用图标像使用文字一样,使用文本图标的方法

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车然后选择图标;注意:每个类型的图标会大小不...

使用七牛云的cdn服务,提高图片的加载速度

CDN介绍CDN的全称是Content Delivery Network,即内容分发网络。CDN加速主要是加速静态资源,如网站上面上传的图片、媒体,...

.net core 使用session

tip:net core 2.2后可以直接启用session了,不用在自己添加一次session依赖,本身就添加了使用nuget添加引用Microsoft.AspN...

使用OutLook发送邮件

publicstaticvoidOutlook(stringSubject,stringTextBody,stringFromAdd,stringFromPass,stringTo,stringCC,List<string&...

SQL Server 中使用游标

--声明一个游标 DECLAREMyCursorCURSOR FORSELECTTOP5FBookName,FBookCodingFROMTBookInfo//定义一个叫MyCursor的游标,...

Windows使用wireshark抓包小心得

wireshrak是个网络抓包工具,常用。但是在数据较大的网络环境中直接使用软件抓包会导致wireshark卡死。为什么呢 ?网卡瞬间...

Oracle自定义函数的简单使用

一.最最最简单的返回一个数字的函数createorreplacefunctionfun_show returnint--申明返回值 as begin return1; end;...

Oracle事务的简单使用

事务:  事务是一个整体,这些操作要么全部执行成功,要么全部不执行。使用事务的原因:保证数据的安全有效。事务的四个特...

Oracle使用游标

其实游标就是把查询的结果放入游标中,然后在去游标里边读取。相当于使用游标做了一个中转,而游标是可以作为参数进行传递...