526互联

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

发布时间 2023-12-03 20:48:33作者: 朱呀朱~

  • 情景：在 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;
},
    • 这样文本就都是做了换行从上到下显示的样式

​