第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue.js - Bootstrap Vue Popover 解釋 HTML

Vue.js - Bootstrap Vue Popover 解釋 HTML

波斯汪 2023-03-18 17:37:18
我希望彈出窗口在單擊時顯示一個或多個超鏈接。我能夠通過使用v-html參數(shù)讓其他 Bootstrap 元素來解釋 HTML,盡管它在這種情況下不起作用。這是我的代碼:<template>  <div>    <b-button      :id="popover"      size="sm"    >      Button    </b-button>    <b-popover      :target="popover"      triggers="focus"      v-html="actions"    >      {{ actions }}    </b-popover>  </div></template><script>  export default {    computed: {      actions() {        return [          `<a href="www.google.com">Google</a><br>`,          `<a href="www.youtube.com">Youtube</a><br>`        ].join('')      }    }  }</script>
查看完整描述

1 回答

?
慕標(biāo)5832272

TA貢獻1966條經(jīng)驗 獲得超4個贊

刪除綁定登錄:,target然后id更改它們以popover1創(chuàng)建一個嵌套的 div,其中包含v-html具有 as value 的指令actions:


<template>

  <div>

    <b-button

      id="popover1"

      size="sm"

    >

      Button

    </b-button>

    <b-popover

      target="popover1"

      triggers="focus"

    

    >

    <div v-html="actions"></div>

    </b-popover>

  </div>

</template>


<script>

  export default {

    computed: {

      actions() {

        return [

          `<a href="www.google.com">Google</a><br>`,

          `<a href="www.youtube.com">Youtube</a><br>`

        ].join('')

      }

    }

  }

</script>

如果id和target屬性綁定到屬性,則應(yīng)保留綁定符號。


查看完整回答
反對 回復(fù) 2023-03-18
  • 1 回答
  • 0 關(guān)注
  • 211 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號