JSFiddle - React, Tailwind, and code Playground

by vi161

HTML

<div id="app">
<select v-model="selected"
  @change="changeChk($event)">
  <option disabled value="">Выберите один из вариантов</option>
  <option value='a'>a</option>
  <option value='b'>b</option>
  <option value='c'>c</option>
</select>
<div>
<label>
    <input type="checkbox"
           value="1"
           v-model="chk">1
  </label>
  <br>
  <label>
    <input type="checkbox"
           value="2"
           v-model="chk">2
  </label>
  <br>
  <label>
    <input type="checkbox"
           value="3"
           v-model="chk">3
  </label>
  <hr>

  <p>
  {{chk}}
  </p>
</div>
  
</div>

<script src="https://unpkg.com/vue/dist/vue.js"></script>

JavaScript

new Vue({
  el: '#app',
  data: {
  	chk: ['2', '3']
  },
  methods: {
	  changeChk(event) {
    	if (event.target.value == 'b') {
      	this.chk = ['3']
      }
    
    }
  }
  
})