jeecg 的JCheckbox 组件使用

Posted 2022-11-12

<template>
  <div>
     msg 
     <j-checkbox
                     v-model="value"
                     :options="options"
                   />
     value:value
  </div>
</template>

<script>
  import getAction from @/api/manage
  import JCheckbox from @/components/jeecg/JCheckbox
  export default
    name:Demo,
    components:
      JCheckbox
    ,
    data()
       return 
              msg: "",
              value:"",
              options:[
              
                label:中国,
                value:1,
              ,
              
                label:韩国,
                value:2,
              ,
              
                label:俄罗斯,
                value:3,
              ,
              
                label:日本,
                value:4,
              
              ]


            
    ,
    methods:
      hello () 
        var url = "/test/jeecgDemo/hello"
        getAction(url).then((res) => 
          if (res.success) 
            this.msg = res.result;
          
        )
      
    ,
    created()
      this.hello();
    
  
</script>

效果如下