vue for 循环问题

我就是我 2022-10-07 04:56 216阅读 0赞

使用v-for循环时，可以展示出结果，但是更改input的内容时提示报错：Cannot create property 'consume\_day' on string '1'

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70][]

前端代码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 1][]

页面样式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 2][]

接口返回结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 3][]

问题在于：返回的filed\_all 是一个对象，v-for循环数组和循环对象略微有些差异，为了不必要的麻烦，尽量循环数组

将接口返回结果调整为数组  解决问题!!!

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70]: /images/20221005/751fd82a6c774df4baa207daf1bfd4b5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 1]: /images/20221005/d63625d91a8447c48881551762833327.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 2]: /images/20221005/a11925bef1664a57a75b53adf97a5b8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTQ2MTQ4Nw_size_16_color_FFFFFF_t_70 3]: /images/20221005/92c3c9ea3a9f4db6a65ddb7bc034dd11.png

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 双重for循环

<ul class="appList"> <li v-for="(item,key) in appList" :key="key">

逃离我推掉我的手/ 2022年10月16日 01:54/ 0 赞/ 390 阅读

相关 vue for 循环问题

使用v-for循环时，可以展示出结果，但是更改input的内容时提示报错：Cannot create property 'consume\_day' on string '1'

我就是我/ 2022年10月07日 04:56/ 0 赞/ 217 阅读

相关 vue(4)v-for循环

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

秒速五厘米/ 2022年10月02日 11:49/ 0 赞/ 123 阅读

相关 vue v-for循环得到下标

<template v-for="(item,index) in data"> ........ </template> index就是下标结

短命女/ 2022年05月08日 02:08/ 0 赞/ 457 阅读

相关 vue v-for直接循环数字

> vue v-for直接循环数字，也就是固定次数项目中需要做一个酒店星级，酒店星级就是固定的5星，根据后台返回的数据来显示几星级 <!--星级，循环固定次数

系统管理员/ 2022年04月03日 08:20/ 0 赞/ 284 阅读

相关 vue-for循环输出图片-数组

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年03月14日 10:56/ 0 赞/ 515 阅读

相关 Vue v-for嵌套循环

<div v-for="data in list"> <div v-for="detail in data.details">

港控/mmm°/ 2021年09月27日 13:42/ 0 赞/ 443 阅读

相关 Vue之循环v-for

下面来继续记录并分享vue相关： vue也是具有循环和判断的，v-for循环遍历的用法如下所示：一、遍历数组 <%@ page language="java"

阳光穿透心脏的1/2处/ 2021年09月23日 09:10/ 0 赞/ 248 阅读

相关 2、vue.js v-for循环

html代码部分 <ul id="div_id"> <li v-for="(v, k) in lists" :key="vo.id"> <!--k:键值-

川长思鸟来/ 2021年08月28日 19:25/ 0 赞/ 308 阅读

相关 Vue.js--循环语句（v-for）

循环语句循环语句使用v-for指令。 v-for指令需要以site in sites形式的特殊语法，sites是元数据数组并且site是数组元素迭代的别名。 v-

不念不忘少年蓝@/ 2021年08月13日 11:23/ 0 赞/ 441 阅读