我有一个使用javascript和vuejs框架的应用程序。我正在尝试创建一个项目的“下拉列表”，根据用户类型进行过滤。
以下是如何在页面上呈现列表的代码：

<div>
    <v-list v-for="item in userInputedFormulas" :key="item.id" >
        <v-list-item>
            <v-list-item-title>
                {{ item.name }} {{ item.structure }}
            </v-list-item-title>
        </v-list-item>
    </v-list>
</div>

以下是如何生成UserInputFormulas的方法：

userInputedFormulas() {
    this.userInput.forEach(element => {
        if(this.allFormulas?.filter(formula => formula.name.includes(element.toLowerCase()))) {
            filteredList = this.allFormulas?.filter( 
                formula => formula.name.includes(this.userInput)
            );
        } if(this.userInput == this.allFormulas?.filter(formula => formula.name)) {
            filteredList = this.allFormulas?.filter(formula => formula.name = this.userInput)
        }
    });
    return filteredList;
}

请注意，allformulas基本上返回所有公式的对象数组，例如：[{name:'sum'，structure:'blah'}，{name:'add'，structure:'blah'}，{name:'minus'，structure:'blah'}]
从某种意义上说，它可以在用户键入时过滤“公式”列表，就像这样：

但是，当用户键入字符（-round-opening-方括号）时，我希望对其进行过滤，使其仅显示精确的公式。
例如，用户类型为“sum”（“sum”），则与上面显示名称中包含“sum”的所有项目的图片不同，它应该只显示“sum”项目。由于我不确定如何进一步，我如何才能过滤此内容？