vue for循环点击图片获取input的值， 第一次写vue，不怎么会写

Question

问题描述

vue for循环点击图片获取input的值， 第一次写vue，不怎么会写

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

    upclick(data){
      
      console.log(this.$refs.input)
      
    },
    <el-button type="primary" icon="el-icon-circle-plus" class="zhong2-butten1" circle @click="upclick(i)"></el-button>
              <el-input  placeholder="26" class="zhong-left2" v-model="input[j]" ref="input">°C</el-input>
            <el-button type="primary" icon="el-icon-remove" class="zhong2-butten2" circle></el-button>

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

哪里有v-for,没看见啊...你要循环的是什么

Answer 2

    upclick:function(j){
     console.log(j)
    let ele = document.getElementById("text"+j)
    var int = Number(ele.value)
    ele.value = int-1;
    console.log(ele.value)
    },
    
                 <div class="zhong2">
            <el-button type="primary" icon="el-icon-remove" class="zhong2-butten1" circle @click="upclick(j)" :data-id="j" ></el-button>
              <el-input  placeholder="26" class="zhong-left2" :id="'text'+j" :value=i.effluenttemperature >°C</el-input>
            <el-button type="primary" icon="el-icon-circle-plus" class="zhong2-butten2" circle  @click="udclick(j)" :data-id="j"></el-button>
          </div>

Answer 3

input的值就是v-model绑定的值啊