修改bug

?很顯然 選項卡不能重復

Content.vue

<template><div class="table-list-page"><!--el-radio 實現按鈕的單選 第一行的設置--><el-row :gutter="20"><el-col :span="6"><div><!--下拉框按鈕的樣式--><el-radio-group class="gy-group" v-model="query.status" size="normal"><el-radio-button label="全部" /><el-radio-button label="待審核" /><el-radio-button label="已經審核" /><el-radio-button label="審核退回" /></el-radio-group></div></el-col><!--下拉菜單--><el-col :span="6" :offset="12"><div class="gy-menu"><el-select class="gy-select" v-model="value" placeholder="請選擇"><el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"></el-option></el-select><!--文本框的內容--><el-input placeholder="請輸入內容" class="gy-text"><el-button slot="append" icon="el-icon-search"></el-button></el-input></div></el-col></el-row><!--第二行--><el-row :gutter="20"><el-col :span="12"><el-select v-model="value1" placeholder="請選擇"><el-optionv-for="items in menus":key="items.value":label="items.label":value="items.value"></el-option></el-select><el-date-pickerv-model="value2"type="date"placeholder="選擇日期"></el-date-picker></el-col><el-col :span="6" :push="8"><el-radio-group v-model="radio1" size="mini"><el-radio-button label="全部"></el-radio-button><el-radio-button label="昨日"></el-radio-button><el-radio-button label="近七日"></el-radio-button><el-radio-button label="三十日"></el-radio-button></el-radio-group></el-col></el-row><div><el-button type="primary" @click="handleAdd">新建</el-button></div><custom-table :data="tableData" :columns="columns" :pagination="pagination"><template v-slot:action><el-table-column fixed="right" label="操作" width="100"><template slot-scope="scope"><el-button type="text" @click="handleEdit(scope.row)">編輯</el-button><el-button type="text" @click="deleteRecord(scope.row)">刪除</el-button></template></el-table-column></template></custom-table><create ref="create" @ok="list" /></div> </template><script> import Create from "./create"; import CustomTable from "@/component/table/CustomTable"; import { TableListMixin } from "@/component/table/TableMixin";export default {name: "Content",mixins: [TableListMixin],components: {CustomTable,Create},data() {return {columns: [{ type: "selection", width: "50" },{ prop: "id", label: "ID", width: "100", sortable: true },{ prop: "name", label: "內容名稱", sortable: true },{ prop: "content_type", label: "內容類型", sortable: true },{ prop: "created_by", label: "創建人", sortable: true },{ prop: "created_at", label: "創建時間", sortable: true },{ prop: "business_module", label: "業務單元", sortable: true },{ prop: "status", label: "內容狀態", sortable: true }],/*GY歌謠 下拉框數據*/options: [{value: '選項1',label: '內容名稱'}, {value: '選項2',label: '創建人'}],menus: [{value: '選項1',label: '全部商務單元'}, {value: '選項2',label: '商業家居'}, {value: '選項3',label: '汽車'}, {value: '選項4',label: '母嬰'}],/*暫時測試數據值*/value: '',value1:'',value2:'',radio1: '全部'};},methods: {} }; </script><style lang="scss" scoped> @import "@/assets/style/table";.gy-group{float: left; } .gy-menu{float: right;> .gy-select{width: 100px;}>.gy-text{width: 200px;} }</style>

?

總結

以上是生活随笔為你收集整理的GY歌谣之读懂每行代码（飞智） 2020 10 16 Duplicate keys detected的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。