檢查物件尺寸的長度/BootstrapVue

我已經更新了我的代碼--我認為之前的代碼不夠清晰。

我試著寫下我的數字，并在其他兩個欄位中獲得我的輸入但只有當它是正確的，否則我的輸入欄位應該包括資訊 "假數字"，但它沒有作業。

另外，當我輸入3個數字并且它們在我的json檔案中時，它給出了console.log "不在檔案中"--但它確實在。

希望現在有人能幫助我。

<template>
<div> 
  < div class='inputArea mt-2' v-for='（元素。index) in inputs' : key='index'/span>>
    < b-button v-b-toggle="'newElement' index" variant='secondary btn-block'> Element {{index 1}}</b-button>。

    <b-collapse :id="'newElement' index"/span>>
      <div class='m-2 mt-3'/span>>
        <table class='table table-striped mt-2'>/span>
          <tbody> 
            <tr>/span>
              <div class='row'> 
                <div class='col-md-6 m-1'> 
                  <div class='mt-2'/span>> 輸入數字</div>。
                  <b-form-input v-model="元素。 Number" @input="searchelementInformations(element.Number)"></b-form-input> 
                </div>/span>
              </div>/span>
              <div class='row'> 
                <div class='col-md-5 ml-1 mr-1'> 
                  <div class='mt-2'/span>> 自動填充1</div> 
                  <b-form-input :value="元素。 Autofill1" ></b-form-input>。
                </div>/span>
                <div class='col-md-5 ml-1 mr-1'>/span>
                  <div class='mt-2'/span>> 自動填充2</div>。
                  <b-form-input :value="元素。 Autofill2"></b-form-input>
                </div>/span>

              </div>/span>
            </tr>/span>
          </tbody>/span>
        </table>/span>
      </div> 
    </b-collapse>/span>
    </div>/span>

    <div class='mt-4 mb-5 ml-3 mr-3'>/span>
      < b-button @click='addelement' variant='block' type='button'> 添加元素</b-button>/span>
    </div>/span>

  </div>/span>
</template>


<script>。

export default {
  methods: {
    addelement（） {
      this.inputs.push（{
      });
    }, 

    searchelementInformations(inputNumber) {

      var size = Object.keys（inputNumber）.length。
      console.log（size）。

      this.jsonAutofill.forEach(element =>  {
        if ((size === 3) && ( element.Number ===  inputNumber) {
          for(const key of Object.keys（element）) {
            inputNumber = element[key];
            console.log（key）。
            console.log（inputNumber）。
          }
        }
        else if (size !== 3) {
          console.log("not correct length")。
        }
        else if ((size ==3) && ( element.Number !==  inputNumber) ){
          console.log("not in file")
        }
      });       
    }, 
  },

  data() {
      return {
        inputs:[{}] 。
        Artikelnummer: [],
        jsonAutofill: [] 。
          { "Number": 123, "Autofill1": "Test1", "Autofill2": "Hello"}。
          { "Number": 321, "Autofill1": "Test2", "Autofill2": "再見"}。
        ],
      }
  }
};
</script> 


<style scoped>>
</style>/span>

uj5u.com熱心網友回復：

我會注意反應式資料，像這樣。

<script> 
export default {
  資料（） {
    return {
      number: 0,
      message: "": ".
    }
  },
  watch: {
    "number"(){
      if (this.number.length ==5) {
        this.message = "Do this".
      }
      else {
        this.message = "Do that" !
      }
    }
  }
}
</script>>

<template>/span>
  <input v-model="number"> 
  <div>{{ message }}</div> 
</template>/span>

uj5u.com熱心網友回復：

這就是答案。我需要在我的Object.keys中參考 "Number"，然后我就可以得到長度了。

var size = Object. keys(inputNumber.Number).length。
      console.log（size）。

標籤：

上一篇：Java-腳本根據用戶輸入創建列和行

下一篇：Vuejs動態地訪問資料值