[Vuejs]-Vue Bootstrap – How to use double quotes in v-b-tooltip

by

1👍

✅

You can try assigning the sentence that needs double quotes in a variable and assign that to 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>
👤Shreya Mohan

0👍

Try like this-

<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'
  }
}
👤Neha Soni

Leave a comment