首页 > 解决方案 > Vue.js 从字面上呈现大括号内的代码 - 显示大括号而不是结果

问题描述

这是我的<template>代码:

<div class="message-details pull-right small" style="display: none;">
  <strong>Intent:</strong> {{ message.intent }} ({{ (message.confidence * 100).toFixed(2) + '%' }})
  <br>
  <strong>Entities:</strong>
  {{ message.entities.map(e => `${e.type} = ${e.value}`).join('<br>') }}
  ...
  other stuff

它呈现如下:

在此处输入图像描述

如您所见,不是计算括号内的第二个表达式,而是按字面意思呈现,而第一个表达式工作正常。

我究竟做错了什么?

标签: vue.js

解决方案


尝试这个 :

{{ message.entities.map(e => e.type = e.value).join('\r\n') }}

并且您可以发布运行代码时出现的控制台错误吗?


推荐阅读