AutoComplete error in iview

problem description

You may have an infinite update loop in a component render function.

the environmental background of the problems and what methods you have tried

I am copying the official code: the use of case-insensitive AutoComplete, and Filter

related codes

/ / Please paste the code text below (do not replace the code with pictures)
< template >

<AutoComplete
    v-model="value3"
    :data="data3"
    :filter-method="filterMethod"
    placeholder="input here"
    style="width:200px">
</AutoComplete>

< / template >
< script >

export default {
    data () {
        return {
            value3: "",
            data3: ["Steve Jobs", "Stephen Gary Wozniak", "Jonathan Paul Ive"]
        }
    },
    methods: {
        filterMethod (value, option) {
            return option.toUpperCase().indexOf(value.toUpperCase()) !== -1;
        }
    }
}

< / script >

what result do you expect? What is the error message actually seen?

error You may have an infinite update loop in a component render function.

Apr.25,2021
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-1bebdaa-31ab3.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-1bebdaa-31ab3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?