当前位置: 首页 > Web前端 > vue.js

Nuxt.js+typescript+ant-design-vu类语法开发

时间:2023-03-31 18:51:18 vue.js

笔记环境nuxt.js+typescript+ant-design-vue文章分类:next入门,如何在nuxt中使用类语法,开发nuxt项目文件使用vue2+ts1:pages/expriment.vue文件2:components/nz-header.vue可以看到,我只是在实验页面注册了组件,导致ant-design的DatePicker组件不可用:以及我预期的效果:我只是怀疑这是ant-ui在nuxt中没有正确配置。因为我也是第一次使用nuxt。后来认为是其他组件干扰了ant-ui。后来想起之前测试过的components/nz-header.vue的asyncDataHook也是回调,不行。嗯,可以归类为不熟悉nuxt导致的问题。修改components/nz-header.vue如下vue-class-component'@ComponentexportdefaultclassHeaderextendsVue{}运行测试,一切正常。早安,北京。附:如果你是新手,可以去npm搜索nuxt-property-decorator,vue-class-component。