After Vue inherits the component, how do I set the default value (handler) for the parent component's custom event?

how do I set default values (handlers) for custom events of the parent component after Vue inherits the component?

I have made a single-file component, which inherits the Table component of iview. I want to set a default value for the custom event "on-sort-change" of this component.

my code:

<script>
    import { Table } from "iview"
    export default {
        name: "YTable",
        extends: Table,
        props:{
            border:{type:Boolean,default:true},
            stripe:{type:Boolean,default:true},
        },
        methods: {
            //@on-sort-change
            sortChange()
            {
                console.log("mySort:i am run");
            },
        },
    };
</script>
Jun.21,2022
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bca6d9-30a16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bca6d9-30a16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?