Issue
<template>
<div id="body">
<button type="button" @click="create">Create</button>
</div>
</template>
<script>
export default {
methods: {
create () {
let e = document.createElement('input');
e.classList.add('input-test');
e.setAttribute('type', 'text');
e.setAttribute('value', 'test');
document.getElementById('body').appendChild(e);
}
}
}
</script>
<style scoped>
.input-test {
color: red;
}
</style>
I tried this code. But input-test style wasn't applied. Why can't apply to element? It works when I remove scoped at style tag.
Solution
I solved by deep selectors deep selectors
Answered By - ofleaf
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.