vue 동적 드롭다운 메뉴에 데이터가 반응하지 않는 문제 해결

1584 단어 vue내리다메뉴
문제는 당시 백그라운드 데이터가 데이터로 되돌아오지만 밑에 있는 메뉴가 없습니다. 자료를 조회한 결과 Vue의this 이해가 틀렸습니다.
jsp 드롭다운 메뉴

<select name="plantModelParentId" v-model="vueObj.plantModelParentId" @change="selectChange">
 <option value=""></option>
 <option v-for="(item,index) in selectlist" :value="index"> {{item.plantModelName}}</option>
</select>
JS

new Vue({
 el : "#vueadd",
 data : {
 vueObj : {},
 selectlist : []
 },
 created : function() {
 //  
 var a = 0;
  //var self=this.selectlist   selectlist  this new Vue
 var self=this; 
 $.ajax({
  type : "post",
  url : basePath + "/cultmanage/seachCult.do",
  dataType : 'json',
  data : {
  plantModelParentId : a,
  },
  success : function(data) {
  //    
  //console.log(JSON.stringify(data));
  self.selectlist = data;
  },
  error : function(data, type, err) {
  alert(" :" + type + ";  :" + err);
  }
 });
 }
보충 지식: vue+elementUI 내비게이션에서 body 하위 메뉴를 누르면 수축되는 문제
프로젝트에서 vue+elementUI를 사용했는데 body 내비게이션 하위 메뉴를 누르면 수축되는 문제를 발견했습니다.
이유:elementUI 버전 문제입니다. 2.4.11버전을 사용하고 있는 것을 발견했습니다. 2.4.9버전을 마운트 해제하고 다시 설치하면 됩니다.
설치 명령:
cnpm uninstall element-ui//제거
cnpm install [email protected] --save
이상의 vue동적 밑에 있는 메뉴에 데이터가 반영되지 않은 문제를 해결하는 것은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.

좋은 웹페이지 즐겨찾기