Solution: Render User-provided Content
Here’s the solution of how to render user-provided content.
We'll cover the following
Solution
Your task was to determine whether each string should be rendered using the v-html
directive and if it needs to be sanitized. Here are the required changes:
For the src/App.vue
file:
- Render
stringOne
using mustache tags, rather thanv-html
directive. - Update the
stringThree
computed and sanitize the string using thedompurify.sanitize
method because the anchor tag contains javascript code in thehref
attribute. Let’s run the following code to understand how the solution above works.
Note: The code below may take a while to run. When the server starts, go to the app URL, and you will see the output.
Get hands-on with 1200+ tech skills courses.