要解决"Algolia Vue Instant Search - 切换类名会重置属性"的问题，可以按照以下步骤进行操作：

1. 在Vue组件中，确保已经安装了Algolia Vue Instant Search库。可以使用npm或yarn进行安装。

2. 在需要使用Algolia Instant Search的组件中，引入Algolia Vue Instant Search的相关组件和方法。例如，在你的Vue组件中添加以下代码：

import {  InstantSearch, SearchBox, Hits } from 'vue-instantsearch';
import 'instantsearch.css/themes/reset.css';

export default {
  components: {
    InstantSearch,
    SearchBox,
    Hits
  },
  // ...
};

3. 在模板中使用Algolia Instant Search的相关组件。例如，在你的Vue组件的template中添加以下代码：

确保将YOUR_APP_ID，YOUR_API_KEY，和YOUR_INDEX_NAME替换为你自己的Algolia应用程序ID，API密钥和索引名称。

4. 如果你的问题是在切换类名时会重置属性，可以通过在InstantSearch组件上添加key属性来解决。例如：

在Vue组件的data中定义一个searchKey属性，并在类名切换时更新该属性，以触发重新渲染Algolia Instant Search组件：

export default {
  data() {
    return {
      searchKey: 0
    }
  },
  methods: {
    toggleClassName() {
      // 切换类名的逻辑
      // ...
      
      // 更新searchKey属性来重新渲染Algolia Instant Search组件
      this.searchKey += 1;
    }
  }
  // ...
}

这样，每当你切换类名时，searchKey属性的值都会增加，从而触发重新渲染Algolia Instant Search组件，避免重置属性的问题。

这是一种可能的解决方法，具体取决于你的实际需求和代码实现。希望这可以帮助你解决问题！