通过输入v-model参数传递点击函数

Question

我有一个带有此道具的btnSmall组件，然后单击

<v-btn
class="white--text btn_main_product"
color="red darken-1"
@click="click"
>
<slot/>
</v-btn>

props: {
click: Function
}

我在另一个组件中像这样使用这个组件。

<template>
<v-card
class="pa-4"
>

<v-text-field
v-model="lname"
></v-text-field>
<v-btn :click="clickAccept(lname)">accept/v-btn>
</v-card>
</template>
<script>
import BtnSmall from "../buttons/btnSmall";
export default {
name: "editName",
components: {BtnSmall},
data() {
return {
lname: ''
}
},
props: ['clickAccept']
}
</script>

并在页面中使用此组件。使用CCD_ 1后。

nameClickAccept(fname, lname) {
console.log(lname)
}

我的方法在更改文本字段的情况下运行，我不能使用click。我需要点击btn的run方法。

Answer 1

vue方法是在btnSmall组件中发出一个事件，并在父组件中对该事件作出反应。。这个：https://v3.vuejs.org/guide/component-custom-events.html#event-名字告诉你如何做到这一点。