cuteaddanina

再看,再看,就把你吃掉

 

大二寒假学习7(vue学习模板语法之原始HTML<很高级的可以点进去跳转的那种>那种链接)

v-html指令

原始HTML双大括号会将数据插值为纯文本,而不是HTNL。若想插入HTML,需要使用

 模板语法

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <p>{{ hello }}</p>
  <p>{{ ok?'YES':'NO' }}</p>
  <p>{{ message.split('').reverse().join('') }}</p>
  <p>{{ message }}</p>
  <p>{{ rawhtml }}</p>
  <p v-html="rawhtml"></p>

</template>



<script >
export default{
 data(){
   return{
     msg:"神奇的语法",
     hello:"hello world!",
     ok:true,
     message:"大家好",
     rawhtml:"<a href='https://baidu.com'>百度</a>"

   }
 }
}
</script>

页面展示

页面长这样,最后一行的“百度”,点了之后就会跳转到百度搜索页面。

posted on 2025-02-11 17:25  Adda...nina  阅读(9)  评论(0)    收藏  举报

导航