mounted
-
类型:
Function
-
详细:
实例被挂载后调用,这时
el
被新创建的vm.$el
替换了。如果根实例挂载到了一个文档内的元素上,当mounted
被调用时vm.$el
也在文档内。注意
mounted
不会保证所有的子组件也都被挂载完成。如果你希望等到整个视图都渲染完毕再执行某些操作,可以在mounted
内部使用 vm.$nextTick:mounted: function () { this.$nextTick(function () { // 仅在整个视图都被渲染之后才会运行的代码 }) }
该钩子在服务器端渲染期间不被调用。
<template> <div class="app-container"> <div style="background-color: antiquewhite; height: 100px; 200px"> <span id="spTest">sdfsdf</span> <div id="slider"></div> </div> </div> </template> <style> @import "/Content/JS/Jquery/jqueryui.min.css"; @import "/Content/JS/Jquery/jquery-ui-slider-pips.min.css"; </style> <script> export default { name: "imgview/viewimg2", created() { that.$nextTick(function () { debugger; }); }, mounted() { this.$nextTick(function () { console.log("log:"); console.log($("#spTest").html()); $("#slider").slider(); }); }, }; // $("#myslider").slider().slider("pips").slider("float"); </script>