vue.js: checkbox小範例(權限)

綁定非true/false值(Y/N)

by cactus77kiki

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<div id="vapp">
  {{model}}
  <ol>
    <li v-for="m in model" >
      <label>
        <input type="checkbox" v-model="m.value" true-value="Y" false-value="N"/>
        {{m.name}}
      </label>
    </li>
  </ol>

</div>

JavaScript

//ref: https://ithelp.ithome.com.tw/articles/10207739
var app = new Vue({
	el:'#vapp',
	data:{
  	model: [
    	{value: 'N', name: 'add'},
      {value: 'N', name: 'update'},
      {value: 'Y', name: 'query'}    
    ]  
  }
});