30 lines
477 B
JavaScript
30 lines
477 B
JavaScript
export default {
|
|
name: 'my-button',
|
|
|
|
data() {
|
|
return {
|
|
buttonStyles: {
|
|
border: '1px solid #eee',
|
|
borderRadius: 3,
|
|
backgroundColor: '#FFFFFF',
|
|
cursor: 'pointer',
|
|
fontSize: 15,
|
|
padding: '3px 10px',
|
|
margin: 10,
|
|
},
|
|
};
|
|
},
|
|
|
|
template: `
|
|
<button :style="buttonStyles" @click="onClick">
|
|
<slot></slot>
|
|
</button>
|
|
`,
|
|
|
|
methods: {
|
|
onClick() {
|
|
this.$emit('click');
|
|
},
|
|
},
|
|
};
|