文本框输入内容，然后改变遍历填空的答案

Question

<view class="content">

    
    <rich-text 
        :nodes="title" ></rich-text>
        <br>
    <view v-for="(item,index) in title.match(/_+/gi)"
        :key="index" >
        <text >{{index+1}}.</text>
        <input  maxlength="10" v-model="title1"/>
    </view>
</view>


title1 : '输入改变横线',
            title: `我的身高：______<span> 
            <span style='color:red'>（厘米）</span> 
             体重：______<span style='color:red'>（公斤）（1公斤=2市斤）</span>（公斤）（1公斤=2市斤）`

Answer 1

用 computed:

data: {
    return {
       high: '',
       weight: ''
    }
},
computed: {
    title: function () {
      return `我的身高：${this.high||'____'}<span> 
            <span style='color:red'>（厘米）</span> 
             体重：${this.weight||'____'}<span style='color:red'>（公斤）（1公斤=2市斤）</span>（公斤）（1公斤=2市斤）`
    }
  }

high 和 weight 綁定到你的 input 上。