24 lines
383 B
Vue
24 lines
383 B
Vue
<template>
|
|
<div class="area" @click="touched"></div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.area {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue, Prop } from "vue-property-decorator";
|
|
|
|
@Component
|
|
export default class TouchArea extends Vue {
|
|
@Prop()
|
|
private name!: string;
|
|
|
|
private touched() {
|
|
this.$emit("touch", this.name);
|
|
}
|
|
}
|
|
</script>
|