Javascript 重置筛选数据Vue.js

我需要实现一个按钮，将删除我的应用程序中的过滤器。应用程序是在Vue上编写的。过滤器本身已实现，但我不知道如何实现其重置

<template>
  <div id="app">
    <input type="text" v-model="search">
    <select name="sort" v-model="sort">
      <option v-for="option in options" :value="option.value" :label="option.label"></option>
    </select>
    <table>...</table>
  </div>
</template>

<script>
  import goodsList from './api/data';

  export default {
    name: 'app',
    data() {
      return {
        search: '',
        sort: '',
        options: [
          { label: 'Default', value: 'none' },
          { label: 'Brand', value: 'brand' },
          {label: 'Price', value: 'price'}
        ],
        goods: goodsList,
      }
    },
    computed: {
      filteredList() {
        let filteredGoods = this.goods.filter( item => {
          return item.name.toLowerCase().includes(this.search.toLowerCase());
        });
        switch (this.sort) {
          case 'brand':
            filteredGoods.sort((a, b) => a.brand.localeCompare(b.brand));
            break;
          case 'price':
            filteredGoods.sort((a, b) => parseInt(a.price - b.price));
            break;
        }
        return filteredGoods;
      }
    },
  }
</script>

...
从“/api/data”导入商品列表；
导出默认值{
名称：“应用程序”，
数据（）{
返回{
搜索：“”，
排序：“”，
选项：[
{label:'Default'，value:'none'}，
{标签：'品牌'，价值：'品牌'}，
{标签：'Price'，值：'Price'}
],
货物：货物清单，
}
},
计算：{
过滤器列表（）{
让filteredGoods=this.goods.filter（item=>{
return item.name.toLowerCase（）.includes（this.search.toLowerCase（））；
});
开关（this.sort）{
“品牌”案例：
filteredGoods.sort（（a，b）=>a.brand.localeCompare（b.brand））；
打破
案例“价格”：
sort（（a，b）=>parseInt（a.price-b.price））；
打破
}
退回过滤过的货物；
}
},
}

您将需要一个重置功能，该功能将为v型“排序”分配默认的选定值，例如：“无”。由于是双向绑定，更改“sort”变量的值最终将重置所选选项

要添加的功能：

resetOptions: function () {  
  this.sort='none';

}

下面的链接

---

您将需要一个重置功能，该功能将为v型“排序”分配默认的选定值，例如：“无”。由于是双向绑定，更改“sort”变量的值最终将重置所选选项

要添加的功能：

resetOptions: function () {  
  this.sort='none';

}

下面的链接

---

将未过滤的数据存储到另一个变量，并在重置时将其用作回滚值。将未过滤的数据存储到另一个变量，并在重置时将其用作回滚值。