我前面有一根绳子,像这样comeoutside

但是在html中,我需要用一个条件来呈现这个

const separateFirstFourWords = (words) => {
  let newStr = `${words.substring(0, 4)} <br> ${words.substring(4,words.length)}`;
  return newStr;
};

<p>{{something === true ? 'comeoutside' : separateFirstFourWords('comeoutside')}}</p>

正如你所看到的,我想把这两个词分开,在这两个词之间划一条线

推荐答案

您可以使用v-html指令:

<p v-html="something === true ? 'comeoutside' : separateFirstFourWords('comeoutside')"></p>

这将把三元运算符的结果呈现为HTML.

但请注意这可能会产生cross site scripting vulnerabilities个警告,请参见v-html documentation中的警告.

Javascript相关问答推荐

如何使onPaste事件与可拖动的HTML元素一起工作?

制作钢琴模拟器,并且在控制台中不会执行或显示该脚本

用JS从平面文件构建树形 struct 的JSON

DOM不自动更新,尽管运行倒计时TS,JS

使用带有HostBinding的Angular 信号来更新样式?

使用插件构建包含chart.js提供程序的Angular 库?

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

如何根据输入数量正确显示alert ?

postman 预请求中的hmac/sha256内标识-从js示例转换

如何修复错误&语法错误:不能在纯react 项目中JEST引发的模块&之外使用导入语句?

在JavaScript中将Base64转换为JSON

谷歌饼图3D切片

P5play SecurityError:无法从';窗口';读取命名属性';Add';:阻止具有源的帧访问跨源帧

无法在Adyen自定义卡安全字段创建中使用自定义占位符

如何导入我在Web Worker创建的函数?

ReactJS扫描线演示:多个曲面未同时更新的问题

如何调试从CEPRESS测试文件调用的Java脚本文件

是否可以在同一路由路径中为不同的处理程序使用不同的express中间件?

文本动画在其消失之前

有没有办法让动画在中止时结束?