vue-v-model

v-model语法糖

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js"></script>

<body>
  <div id="app">
  {{OBJ1}}
{{headers}}
<div>
  <table style="width: 100%;">
    <thead>
    <tr>
    <th v-for="(header, key) in headers"
        v-bind:key="'header-'+key">
      {{ header }} 

      <select  v-model="OBJ1[header]">
        <option>ddd</option>
        <option>EEE</option>
        <option>FFF</option>
        <option>GGG</option>
      </select>
    </th>
    </tr>
    </thead>
    <tbody>
      
    </tbody>
      </table>    
    </div>
                        
    

   
  </div>
</body>

JavaScript

const app = new Vue({
  el: '#app',
  data() {
    return {
      headers:['xxxx','yyyy'],
      OBJ1:{}
    }
  },
  watch: {
  	OBJ1: {
      handler: function(val, oldVal) {
        console.log(JSON.stringify(val), JSON.stringify(oldVal));
      },
      deep: true
  	},
    
  },
  
});