Vue.js Vue，编辑表中的项并重定向到另一页

早上好

我有一个列出设备的页面，我想单击要重定向到另一个列出功能的页面的项目，直到这一点起作用为止。但是，执行此操作时，设备列表页面上的某些功能不起作用。例如，编辑名称

为了更好地理解我想做的事情，请按照图片进行操作

谢谢

<v-data-table :headers="headers" :items="devices" item-key="uid" disable-pagination hide-default-footer>

        <template v-slot:item.online="{ item }">
            <v-icon color="success" v-if="item.online">check_circle</v-icon>
            <v-tooltip bottom v-else>
                <template #activator="{ on }">
                    <v-icon v-on="on">check_circle</v-icon>
                </template>
                <span>last seen {{ item.last_seen | moment("from", "now") }}</span>
            </v-tooltip>
        </template>

       <template v-slot:item.uid="{ item }">
            <v-chip>
                {{ item.uid }}
                <v-icon small right @click.stop v-clipboard="item.uid" v-clipboard:success="showCopySnack">mdi-content-copy</v-icon>
            </v-chip>
        </template>

        <template v-slot:item.name="{ item }">
            <v-edit-dialog :return-value="editName" large @open="editName = item.name" @save="save(item)">
                <v-text-field slot="input" v-model="editName" label="Edit" single-line>
                </v-text-field>
                <v-icon small left>mdi-file-edit</v-icon>
                {{ item.name }}
            </v-edit-dialog>
        </template>

检查圆
检查圆
最后一次见面{{item.last|u seen |瞬间（“从”，“现在”）}
{{item.uid}
mdi内容拷贝
mdi文件编辑
{{item.name}

在v-data-table…，我想在点击该行时使用类似@click:row=“featureDevice”的东西重定向到另一个页面（这发生在我点击该行时）。当我放置@click:row=“featureDevice”时，名称编辑功能和操作被“禁用”，因为@click覆盖了行中的任何操作

---

我想保留编辑名称和操作的操作。

您可以使用

按列单击
事件

请参见以下示例：


{{item.id}
导出默认值{
名称：“应用程序”，
数据：（）=>({
项目：[
{id:1，名称：'Option 1'}，
{id:2，名称：'Option 2'}，
{id:3，名称：'Option 3'}，
],
标题：[
{文本：'Id'，值：'Id'}，
{text:'Name'，value:'Name'}，
],
}),
方法：{
pushOtherPage（）{
log（'click in Id column'）；
这是.$router.push（{name:'other page'}）；
},
},
};

如果在列名中单击，则不发送任何事件。但是如果您单击列Id，页面将被重定向。
您可以发布代码的javascript部分，其中定义了方法
featureDevice
。
方法：{featureDevice（value）{this.$router.push（'/devices/'+value.uid）}，
是另一个页面。