Vue 动态生成数据字段的实例_vue.js

data () {
  return {
    config: [],
    list: []
  };
}

props: {
  config: Array,
  list: Array
},
data () {
  return {
    newConfig: [],
    configLength: 0,
    newList: []
  };
}

configLoaded: false,
listLoaded: false

watch: {
  configLoaded (n, o) {
        this.configLoaded = n;
  },
  listLoaded (n, o) {
    this.listLoaded = n;
  }
},

computed: {
  showItem () {
    return this.configLoaded && this.listLoaded;
  }
},

 

  

    
      
        
      
    
    
      
        
          {{option.label}}
        
      
    
    
      
        
          
          
        
      
    
    
      
        
          {{city.label}}