I am attempting to assign an existing style class to a child element that will be loaded using the v-html
directive. Since /deep/
and >>>
are no longer supported, I have tried using ::v-deep
in Vue.
<template>
<div v-else v-html="childHtml" class="parent-class"></div>
</template>
<style scoped>
.parent-class ::v-deep .child-class {
border: unset;
border-radius: 2px;
margin: 0 auto;
margin-bottom: 2%;
background-color: #fff;
box-sizing: border-box;
zoom: 70%;
}
</style>
However, the Vue compiler is giving me an error message stating that *::v-deep usage as a combinator has been deprecated. It suggests to use ::v-deep() instead (using Vue 3.0.0-beta.1).
Can anyone please advise on how to properly use ::v-deep() and resolve this compilation error?
Your assistance is greatly appreciated. Thank you in advance.