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