JSFiddle - React, Tailwind, and code Playground

by dday515

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
  <el-checkbox v-model="stdcheckedA">A</el-checkbox>
  <el-checkbox v-model="stdcheckedB">B</el-checkbox>
  <el-checkbox v-model="stdcheckedC">C</el-checkbox>
  
  <br><br>
  
   <input type="checkbox" v-model="stdcheckedE">E</input>
  <input type="checkbox" v-model="stdcheckedF">F</input>
  <input type="checkbox" v-model="stdcheckedG">G</input>
</div>

SCSS

@import url("//unpkg.com/element-ui/lib/theme-default/index.css");

Babel + JSX

var Main = {
  data() {
    return {
      input: '',
      selectedclient: '',
      selectedClientNumberstd: '',
      checked: true,
      stdcheckedA: true,
      stdcheckedB: true,
      stdcheckedC: true,
      stdcheckedE: true,
      stdcheckedF: true,
      stdcheckedG: true,
      dropdowns: {}
    }
  }, created: function () {
  var result = {};
	var resultarry = []

for(var i = 0; i < 1000; i++)
{
resultarry.push({
	key: i.toString(),
  value: i.toString()
}
)
}
  
this.dropdowns["Clients"]=resultarry
console.log('here')
  }
}

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')