ant-design-vue项目，添加组件出现无法操作的诡异行为，不求解决问题，但愿给个排查办法

Question

问题遇到的现象和发生背景

接手一个ant-design-vue项目，快被这神仙代码折磨的怀疑人生了！
问题：添加组件出现无法操作（点击不能切换组件状态）的诡异行为，不求解决问题，但愿给个排查办法，谢谢

怀疑是其他代码影响，所以尝试就像下图这样组件里只写一个antd组件一样出现问题

其他相关代码：

问题相关代码，请勿粘贴截图

```javascript
//############### main.js
import {title, version, hmt} from '/src/config/env';
import website from './config/website';
import {createApp} from 'vue';
import App from './App.vue';
import router from './router/router';
import store from './store/store';
import './scrollBar.css';
import './grid.css';
import './index.css';

let app = createApp(App);

// Antd
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
app.use(Antd);

// IconPark
// import {install} from '@icon-park/vue-next/es/all';
// import '@icon-park/vue-next/styles/index.css';
// install(app); // use default prefix 'icon', eg: icon is People, name is icon-people.

// 设置标题
router.beforeEach((to, from, next) => {
    if (to.meta.content) {
        document.querySelector('meta[name="keywords"]').setAttribute('content', to.meta.content.keywords);
        document.querySelector('meta[name="description"]').setAttribute('content', to.meta.content.description);
    }
    if (to.meta.title) {
        document.title = website.title + ' - ' + to.meta.title;
    }
    if (hmt) {
        setTimeout(() => {
            window._hmt = window._hmt || [];
            (function () {
                let hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?" + hmt;
                let s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        }, 0);
    }
    next();
});

// 标记
console.log(
    `%c ${title} %c Version:${version} %c`,
    'background:#35495e; padding: 2px; border-radius: 3px 0 0 3px;  color: #fff',
    'background:#41b883; padding: 2px; border-radius: 0 3px 3px 0;  color: #fff',
    'background:transparent;'
);

// app
app.use(router).use(store).mount('#app');

```javascript

// ############### package.json
{
  "name": "****",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "dependencies": {
    "@ant-design/icons-vue": "^6.0.1",
    "@icon-park/vue-next": "^1.3.5",
    "ant-design-vue": "^2.1.2",
    "axios": "^0.20.0",
    "qs": "^6.9.4",
    "vue": "^3.0.0-rc.1",
    "vue-router": "^4.0.0-beta.13",
    "vuex": "^4.0.0-rc.2"
  },
  "devDependencies": {
    "babel-plugin-import": "^1.13.1",
    "@vue/compiler-sfc": "^3.0.0-rc.1",
    "less": "^3.12.2",
    "vite": "^1.0.0-rc.1"
  }
}

运行结果及报错内容

控制台无任何报错

我的解答思路和尝试过的方法

我想要达到的结果

不求解决问题，但求愿有人给个排查办法，谢谢

Answer 1

switch 得加 @change="onChange" 并且 加上 v-model .

<template>
  <div>
    <a-switch default-checked @change="onChange" />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    onChange(checked) {
      console.log(`a-switch to ${checked}`);
    },
  },
};

还有可能antd-vue得js 文件没引入成功 。你看看其它组件可吗？