Как правильно передать html в модальное окно?

По клику на кнопку, я передаю в модальное окно данные - в частности текст поля body. Но так не работает

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

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

Скорее всего потому что product.body не является строкой, это текст поля body и там есть переносы строк итд. Как быть? Так работает product_about: `{{ product.body }}` но насколько я понимаю эта замена кавычек не работает в эксплорере. Как вообще правильно сделать эту операцию?