Vue.js VueJS Vuetify如何从单击的表行激活激活器 接受 检查圆 ....
我试图在单击数据表行时弹出一个v形对话框。如何将上述对话框标记的激活器设置为数据表行?目前,它只有在我点击v-dialog标签之间的“接受”按钮时才会弹出。谢谢你的关注。我现在是前端的新手Vue.js VueJS Vuetify如何从单击的表行激活激活器 接受 检查圆 ....,vue.js,vuetify.js,Vue.js,Vuetify.js,我试图在单击数据表行时弹出一个v形对话框。如何将上述对话框标记的激活器设置为数据表行?目前,它只有在我点击v-dialog标签之间的“接受”按钮时才会弹出。谢谢你的关注。我现在是前端的新手 <v-dialog v-if="currentSelection != null" persisten t max-width="500px"> <v-btn slot="activator" @click.native.stop="true" color="primary" dark&
<v-dialog v-if="currentSelection != null" persisten t max-width="500px">
<v-btn slot="activator" @click.native.stop="true" color="primary" dark>Accept
<v-icon dark right>check_circle</v-icon>
</v-btn>
....
</v-dialog>
{{props.item.group.description}
{{props.item.key}
{{props.item.value}
您可以将值
传递给对话框,使其处于活动状态:
<v-data-table
:headers="headers"
:items="xxx"
:pagination.sync="dataTableOptions.pagination"
:total-items="dataTableOptions.totalItems"
:loading="dataTableOptions.loading"
class="elevation-1">
<template slot="items" slot-scope="props">
<tr @click="changeSelectedVariable(props.item)">
<td>{{ props.item.group.description }}</td>
<td>{{ props.item.key }}</td>
<td>{{ props.item.value }}</td>
</tr>
</template>
</v-data-table>
我假设您在changeSelectedVariable
函数中更改currentSelection
的值,我添加了一个名为“popup”的新布尔值,该值初始化为“false”。调用changeSelectedVariable()时,我将弹出值设置为“true”。谢谢你的帮助。
<v-dialog :value="!!currentSelection" persistent max-width="500px">
</v-dialog>