How to correctly pass html to modal window?

Question

Vue.js

By clicking on the button, I pass data to the modal window - in particular, the text of the body field. But that doesn't work

<button v-on:click="modal( { product_about: '{{ product.body }}', } )">
....

modal: function (e) {
                this.product.about = e.product_about;
        },

Most likely because product.body is not a string, it is the text of the body field and there are line breaks, etc. How to be? This works, product_about: `{{ product.body }}`but as far as I understand, this replacement of quotes does not work in the explorer. How to do this operation in general?

Answer 1

<button v-on:click="modal(product.body)">

modal: function (data) {
  this.product.about = data
},

<modal v-html="product.about">