在javascript和vuejs中的map方法中放置html标记

zzzyeukh 于 2021-09-29 发布在 Java

关注(0)|答案(1)|浏览(309)

我想在vuejs中的map方法中插入html标记。但这种方式不起作用。锚定标记显示为纯文本。

<template v-if="category.sub_category.length > 0">
                        <td>
                          {{ category.sub_category
                          .map(
                            ({ subcategory_name, sub_sub_category }) =>
                              subcategory_name +  '<a href="" @click.prevent="showAssignModal(category)">' + `(${sub_sub_category.length})` + '</a>'
                          )
                          .join(', ') }} 
                        </td>
                    </template>

vue.js JavaScript

来源：https://stackoverflow.com/questions/68543396/put-html-tag-inside-map-method-in-javascript-and-vuejs

1条答案

按热度按时间

dtcbnfnu1#

这就是你要找的

<div v-if="category && category.sub_category.length > 0">
        <td v-for="(subCategory, index) in category.sub_category" :key="index">
             {{subCategory.subcategory_name}} 
             <a href="" @click.prevent="showAssignModal(category)">
                {{subCategory.sub_sub_category.length}}
            </a>,
        </td>
    </div>

但正如@estus flask所提到的，这不是react，您应该先学习vue的一些基础知识。

赞(0）回复(0）举报 2021-09-29

我来回答

在javascript和vuejs中的map方法中放置html标记

1条答案

相关问题

热门标签

最新问答