console
const SlSwitch = {
name: 'SlSwitch',
template: `
<div v-show="show">
<a-switch @change="onchange" v-bind="$attrs" v-on="$listeners"/>
</div>
`,
props: {
show: {
default: false,
}
},
methods: {
onchange(checked) {
debugger;
console.log(`a-switch to ${checked}`);
}
},
inheritAttrs: false
};
const App = {
name: 'App',
template: `
<div>
<sl-switch :show="true" @change="onchange"/>
</div>
`,
components: {SlSwitch},
methods: {
onchange(checked) {
console.log(`This App to ${checked}`);
}
},
}
new Vue({
el: '#app',
components: {
App,
}
});
<div id="app">
<app></app>
</div>