Vue Bootstrap -如何在v-b中使用双引号-工具提示

vwkv1x7d  于 2023-03-09  发布在  Vue.js
关注(0)|答案(2)|浏览(117)

我正在使用此vue引导工具提示。https://bootstrap-vue.org/docs/directives/tooltip
现在,我有这个工具提示:

<label>Encoding
<feather-icon
    icon="AlertCircleIcon"
    class="mr-50 my-icon"
    v-b-tooltip.hover.right="'The encoding used inside the feed. Leave Automatically if you are uncertain'"
/>
</label>

在此工具文本上,我想在此单词周围添加双引号****自动
如果我使用双引号它不会呈现。你能告诉我如何使用双引号吗?

nafvub8i

nafvub8i1#

你可以试着把需要双引号的句子赋给一个变量,然后把它赋给v-b-tooltip。

<template>
    <label>Encoding
        <feather-icon
        icon="AlertCircleIcon"
        class="mr-50 my-icon"
        v-b-tooltip.hover.right="tooltipText"/>
    </label>
</template>

<script>
export default {
data(){
    return{
        tooltipText:'The encoding used inside the feed. Leave "Automatically" if you are uncertain'
    }
}
}
</script>
mi7gmzs6

mi7gmzs62#

像这样-

<feather-icon
  icon="AlertCircleIcon"
  class="mr-50 my-icon"
  v-b-tooltip.hover.html="tipMethod"
/>
methods: {
  tipMethod() {
    return 'The encoding used inside the feed. Leave "Automatically" if you are uncertain'
  }
}

相关问题