josonho

问题因业务需要，需要使用js拼接html来绘制dom，但是发现js拼接组件标签时，不能把组件渲染出来如下面这种方式html：<div id="app"> <div id="container"></div></div>javascript：new Vue({ el: '#app', mounted() { let html = `<el-button>Button</el-button>` d

滚动加载指令，附源码和使用案例，可直接使用。背景：因项目中需实现滚动分页，但是使用v-infinite-scroll渲染时会触发，所以自己实现滚动加载指令来替代前提条件：jquery.js：使用了jquery计算元素高度，可自行替代为原生JavaScriptlodash.js：使用lodash处理滚动节流，可自行取消节流、或替代为原生JavaScript实现实现思路：通过监听滚动事件，判断滚动到最底部时，触发加载事件如何判断是否滚动到最底部呢：这里我们通过判断：容器内的滚动距离是否

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{...