vue does v-html inject html
// js code
const appFunction = Vue.createApp({
data(){
return{
globalFun1:'hello fun 1',
globalFun2:'<h2>hello fun 2</h2>',
textFun:''
}
}
,
methods:{
randFun(){
const rand = Math.random();
if (rand <= 0.5){
alert(this.globalFun1)
}else{
alert(this.globalFun2);
}
}
}
})
appFunction.mount('#testfunction');
//html code
<div id='testfunction' class="bg-dark">
<span v-html="globalFun2">
</span>
<button v-on:click='randFun'>refresh</button>
</div>
3.9
10
return 'Hello <em>World</em>! My name is <my-name :name="$parent.name">
</my-name>!';
Usage will be:
<p v-markup="markup"></p>
When rendered, the above will be identical to doing this:
<p>
Hello <em>World</em>! My name is <my-name :name="name"></my-name>!
</p>
Thank you!
10
0
Are there any code examples left?
New code examples in category Html
-
Html 2022-03-27 21:55:05 how to kill html
-
Html 2022-03-27 21:55:02 How to create web urls without extensions
-
Html 2022-03-27 21:45:11 space between 2 h tags without break
-
Html 2022-03-27 21:40:13 how to resize submit button in html
-
Html 2022-03-27 20:40:18 https://www.codegrepper.com
-
Html 2022-03-27 19:55:09 show image inside table with innerhtml
-
Html 2022-03-27 19:30:47 html email input
-
Html 2022-03-27 18:45:01 how to add favicon in html
-
Html 2022-03-27 18:15:21 picture html
-
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd