Level 63
According to me there is no other solution than v-html.
Jun 22, 2023
7
Level 7
How can I render HTML without v-html?
Hi,
When I use v-html my paragraph of text that is supposed to be rendered is not showing on certain screen sizes Is there another way I can get my Paragraph to show?
here is my code:
<div ref="bodyContent" class="ins" v-if="$store.state.device === 'phone' && this.$data._slideIndex === this.element.content.slides.length-1">
<div v-text="$store.state.courseContent.global.continueMobileIns"></div>
</div>
this is what is currently being output:
<p class="instruction">Now <strong>scroll</strong> down to continue</p>
Level 80
@boyjarv The v-html directive is how you set HTML on an element. So if your content is not showing then there’s another issue (i.e. CSS).
1 like
Level 35
You are conditionally rendering the elements with v-if. Could this be where your issue is? Especially the $store.state.device === 'phone' bit? Since it is only showing up on certain screen sizes.
1 like
Level 63
Have you solved your problem ?
Level 63
Have you solved your problem ?
Level 7
Yes all sorted now thank you
1 like
Level 63
@boyjarv Ok so you can close the post ;).
Please or to participate in this conversation.