vue el-input textarea如何按行显示和几种效果

参考：Vue textarea动态显示行数_Aibac的博客-CSDN博客_textarea显示行数

el-input textarea 换行显示

关于这个输入框的内容，我收到后端的textarea1为数组[a,b,c],发现放在这个框里没有按照换行显示，而我们想要的效果：

prop["num"]

data{
   retrun{
       texterear1：“”，
   }
}

wait：{//因为这个是父组件传过来的，我就在这里处理，你们根据自己的
  num(){
    handler(n,o){//n是父组件的新数据,是个数组类型

        //正题来了
        console.log('父组件diff在变化： ' + n)
          var numleft=[];
          for(let i=0;i<n.left.length;i++){//其实就是按行拆，加上\n而已，相当于“a\n b\n c\n”
            n.left[i] = n.left[i].replace("\r","");
            n.left[i] = n.left[i].split("\n");
            numleft.push(n.left[i] + "\n")
          }
          texterear1 = numleft;


    }



  }


}

如何显示行数，效果

根据需要某些特定的行有颜色

参考：

https://www.jb51.net/article/45970.htm

        vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色_csstmg的博客-CSDN博客_vue 部分文字变色