vue复选框组件自定义对勾_vue 封装 checkbox 组件，纯css手写，需修改样式可自制...

zl-checkbox

class="input_check"

:disabled="disabled"

:checked="checked"

@change="change"/>

export default {

data(){

return{

// checked: false

}

},

model: {

prop: 'checked',

event: 'change'

},

methods:{

change(e){

this.$emit('change', e.target.checked)

}

},

props:{

checked:{

type:Boolean,

default:false

},

disabled:{

type:Boolean,

default:false

}

}

}

input[type=checkbox] {

width: .4rem;

height: .4rem;

-webkit-appearance: none;

background-color: transparent;

border: 0;

<