Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

KikoLdasd's avatar

Render html code in Vue.Js without using v-html

I am facing a strange problem. I use VueTableDynamic as a table library (https://github.com/TheoXiong/vue-table-dynamic)

The whole implementation is correct but there is a small problem... I have certain columns that I want to render with html (for example I want to put a download icon with an href)

 this.invoices_params.data.push([
                        invoice.invoice_number,
                        invoice.user.company_name ? invoice.user.company_name : invoice.user.first_name + ' ' + invoice.user.last_name,
                        invoice.total,
                        (119 / 100) * invoice.total,
                        invoice.media.length > 0 ?
                            `<a href=${invoice.media[0].original_url}>Download invoice</a>` :
                            'No invoice',
                        moment(invoice.created_at).format('DD-MM-YYYY H:m:s'),
                   ]);
<div class="col-lg" v-if="checkbox_invoices">
                        {{ trans.invoices.title }}
                        <vue-table-dynamic :params="invoices_params"></vue-table-dynamic>
                    </div>

But I can't render that html code and I don't think I can use v-html either Is there just a way to put that icon there?

I tried to put automatic html code but in vain.

0 likes
0 replies

Please or to participate in this conversation.