vue的directives自定义指令中怎么渲染iview的标签

Question

我现在写了一个自定义指令，要给当前标签加个<Tooltip>父标签

要iview可以识别并渲染的，请大佬们解决方式测试能用再回答

十分感谢大佬们来回答

Answer 1

<template >
    <div>
        <div class="Firstparent">
            <div class="nodeClass" v-add-new-node ="addDiv">
                  111
                <div id="#son">fgds </div>
        </div>
        </div>
    </div>
</template>
<script>
export default {
    directives: {
        'add-new-node': {
            inserted: function (el,binding) {
                binding.value(el)
            }
        },
      
    },
      methods: {
            adds () {
                console.log(222)
            },
            addDiv (el) {
                let tables = el
                //	创建一个div
                let tableFather = document.createElement('p');
                //	给div添加class名，className兼容性较好
                tableFather.className = 'SecParent';
                //	将新建的div替代原先的table
                tables.parentNode.replaceChild(tableFather, tables);
                //	给新div添加子节点table
                tableFather.appendChild(tables);
            }
        }
}
</script>