v-for 循环中怎么获取输入值并拼接换行符

  • 情景:在 vue 页面上需要循环输出 list 中的每一个对象 item,可以编写 item 某一 name 属性值,并加以获取拼接(此法仅供参考,待完善)

  • 例:页面上 v-for 循环:

    <!-- 页面上 -->
    <el-input v-model="yAxisItem.name" @input="updateName(yAxisItem, $event)" />
    
    <!-- 事件方法 -->
    // y轴名拼接,从上到下显示
    updateName(yAxisItem, event){
      let name = event + ''; 
      let newName = '';
      for (let i = 0; i < name.length; i++) {
        newName += name[i] + '\n';
      }
      yAxisItem.name = newName;
    },
    
    • 这样文本就都是做了换行从上到下显示的样式

posted @   朱呀朱~  阅读(119)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示