怎样把{{2}}替换成input输入框呢？

Question

我想显示填空题：

数据格式是这样的：

id: 93
description: "3333"
question: "{{2}}学习，天天{{2}}111111111111"
type: "填空题"
categories: Array(0)
score: 2
time: 2
createTime: "2020-03-14 11:17:17"

怎样把{{2}}替换成input输入框呢？
最终期待的效果是：
__学习，天天__。
输入框里面就填答案：好好学习，天天向上。

Answer 1

"{{2}}学习，天天{{2}}111111111111"
    .replace(/{{(\d+)}}/g,function(str, s1){
        return '_'.repeat(s1)
    })

css肯定是不支持这种功能的。你需要用js替换一下。

---

更新时间： 2020年3月14日15:52:15

vue中实现的两种方案

1. v-html。千万要注意 xss 注入啊。
2. 转换成对象，然后 v-for 去渲染。看下图，不就区分开了吗，除了最后一个元素，每个text后面都加一个input不难吧