1230

by suatatan

HTML

<html>
  <head>
    <!-- include VueJS first -->
    <script src="https://unpkg.com/vue@latest"></script>
    <!-- use the latest vue-select release -->
    <script src="https://unpkg.com/vue-select@latest"></script>
    <link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css">
  </head>
  <body>
    <table id="sorular">  
         <tr>
          <th>No</th>
          <th>Soru</th>
          <th>Cevap</th>
          
        </tr>
        <tr v-for="(item, index) in sorularData">
          <td>{{ index }} </td>
          <td>{{ item.Soru }}</td>
          <td>
            <v-select :options="['Evet', 'Hayır','İlgisiz']" :value="item.Cevap"></v-select>
          </td>
        </tr>
    </table>
  </body>
</html>

CSS

table td{
  border: solid 1px gray;
}

JavaScript

var sorular =  [
      {
    		"No": "A1",
    		"Soru": "Teknik Projenin \"Yatırıma Ait Ön Bilgiler Tablosu eksiksiz ve doğru olarak doldurulmuş mudur?",
        'Cevap': ""
  	  },
  		{
    		"No": "A2",
    		"Soru": "Yatırımın gerçekleşmesi durumunda işletmenin kapasitesi, IPARD II Programında sektör/alt sektör için belirlenen sınırlar içinde gösterilmiş midir?",
        'Cevap': ""
  		},
  		{
    		"No": "A3",
    		"Soru": "Tablo 2’de belirtilen tüm makine ve ekipmanlar, başvuru formu Ek A-10’da “Makine Ekipman Yerleşim Planı ve Listesi” nde gösterilmiş midir?",
        'Cevap': "E"
  		}
    	]


Vue.component('v-select', VueSelect.VueSelect)

var example2 = new Vue({
  el: '#sorular',
  data: {
    parentMessage: 'Parent',
    sorularData: sorular 
    
    }
})