如果是普通的标签,如
<ul class="chart-box" ref="uldom">
<li style="overflow:hidden;" class="full-height"></li>
</ul>
this.$ref.uldom - 即可获取到ul的dom元素节点,类似于 document.getElementByClass('chart-box')[0];
如果页面是使用component进行渲染页面的如下
<component ref="chart" :is="xBar" :chartData="data" chartType="bar"/>
获取这个标签 this.$refs.chart[0];可获取到ul的dom元素节点
vue中component标签的使用方法(转载)
<template> <div id="app"> <component :is="key"></component> </div> </template> <script> var componentA = { template: `<div style="color:red">我是A组件</div>` }; var componentB = { template: `<div style="color:blank">我是B组件</div>` }; var componentC = { template: `<div style="color:pink">我是C组件</div>` }; export default { name: "component", data() { return { key: "comC" }; }, methods: { }, components: { comA: componentA, comB: componentB, comC: componentC } }; </script> ———————————————— 版权声明:本文为CSDN博主「高级前端工程师Vue方向」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/weixin_43837268/article/details/87360888