【开发中遇到的问题】在vue项目中引入ant-vue组件，组件能显示但是不生效。。

最新推荐文章于 2024-09-03 21:44:01 发布
最新推荐文章于 2024-09-03 21:44:01 发布
阅读量339 收藏
点赞数
分类专栏： 开发 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manerzi/article/details/134072479
版权

我要引入下拉框那个UI组件，但是他只显示在页面上，点击按钮并不会出现下拉菜单。
后来询问度娘翻阅文档发现，可以按照下面方法解决：

  • 将你要使用的组件在codesandbox打开
  • 查看对应代码再对照自己的代码看是不是有些东西没有正确引入，就比如我是没有在main.js文件中引入ant-vue
蔓蔓的学习记录
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效的问题
小祥编程擅长前端
06-05 1398
在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效。因为modal是直接插入到body元素中的，脱离了父元素。所以写在局部的样式，则不能在body下面脱离了父组件的模态框去生效，只能在你父组件下对应的地方生效。
用于设置ant-design-vue中table组件的列宽可拖拽
08-05
vuex2.x中用于设置ant-design-vue中table组件的列宽可拖拽
在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错
m0_58133506的博客
03-07 723
【代码】在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错。
新手入门Vue3+vite可能出现的错误（详细教程）
m0_53223811的博客
08-23 720
在创建工程就发生了一连串的错误，如下 ：1. 我需要vue-router库 执行完成后发现并不成功， 需要执行 ：之后再重新执行看到package.json多了一条"vue-router": "^4.2.4" 就算成功了。
Ant designe vue中有关默认组件引入不生效的问题；
九七的博客
04-12 595
就是需要在懒加载的js文件中引入一下，然后vue.use对应的组件即可。
解决ant-design-vue 组件在vue3项目中改默认样式始终不生效
wffgwjj的博客
12-18 1068
在写项目时遇到 ant-design-vue组件样式始终改不了 ，在网上查了很多方法最终 在index.html文件中写的样式最终生效。
ant design vue 表单赋值回显开关组件不生效
Arkonzz的博客
04-08 462
在使用ant design vue 时遇到了给表单赋值回显但是开关组件的不生效的情况。在查询了相关文章和文档后对组件进行了修改，又对开关赋值进行了修改。valuePropName必须先声明否则不生效。
关于antdesign-vue的layout组件样式失效问题（#components-layout-demo-custom-trigger）
坏蛋阿土的博客
07-08 1083
使用antdesign vue 中的layout作为主要布局，logo没有了，而且此时也无法更改样式。无论怎么修改都不会对页面产生影响。正常引入后，跟期望的样子不一样。
ant-design-vue按需加载的坑的解决
11-20
在Vue.js开发中，我们经常使用Ant Design Vue作为前端UI框架，它提供了丰富的组件和优雅的...同时，这也提醒我们在开发过程中，关注依赖库的版本更新和兼容性问题，及时调整项目配置，以保持项目的稳定性和可维护性。
解决ant-design-vue中menu菜单无法默认展开的问题
01-18
在ant-design-vue的文档中， menu有两个可以传的参数，分别为defaultOpenKeys和openKeys，但在接手做一个项目时，openKeys这个参数前人已经写了，可能是从文档中直接复制demo没有删除掉，我也没去管。 等到需要用到...
vue.js 解决v-model让select默认选中不生效的问题
11-20
在描述中提到，开发者遇到了一个奇怪的现象：`select`下拉框的`v-model`不能正常工作，即不能根据预设的值自动选中相应的选项，但其他`input`框的数据却能正常显示。开发者尝试了更换Vue.js版本、检查变量名、验证...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
vue 引入自定义组件失效
a_tzluy的博客
06-23 2533
删除原有components，引入的时候，让它自动生成一份，还没搞懂什么原理，记录一下，有空研究
ant-design-vue样式通过babel引入不生效
迎风飞翔的专栏
05-13 1155
Vue3 ,安装ant-design-vue官网文档配置，用全局部分注册+babel样式引入，发现样式不生效，按钮是灰色的，类似下图。 最后发现是没安装@vue/cli-plugin-babel，这个导致。 执行npm install @vue/cli-plugin-babel 安装后解决，应该是创建项目的时候，没选择这个东西。 ...
Vue.js组件注册自定义组件不成功
wo_buzhidao的博客
08-30 7315
Vue.js组件注册自定义组件不成功 Vue.js组件注册自定义组件不成功： 报下列错误： vue.js:584 [Vue warn]: Unknown custom element: <buttoncount> - did you register the component correctly? For recursive components, make sure t...
【已解决】Vue全局引入scss 个别页面不生效 / 不自动引入全局样式
bao
10-13 1661
Vue 全局引入 Scss 文件不生效
引入antd（Ant Design）不显示样式效果
weixin_46379270的博客
06-26 2659
npm下载Ant Design样式失效
关于在vue中在style上加了scoped之后对antd-vue中各组件的样式不起作用的解决方法
zn_firm的博客
07-19 394
使用less/sass的情况下，因为解析不了。这种特殊符号，可以使用/deep/使用css的情况下可以加。特殊符号，表示深层选择器。
Vue前端路由详解——以Ruoyi框架为案例学习
最新发布
警警的博客
09-03 1024
Ruoyi框架前端路由通过Vue Router实现，支持静态路由和动态路由的配置，通过路由守卫实现权限控制等需求，采用路由懒加载提高应用性能，并通过路由元信息存储自定义信息。这些特性共同构成了Ruoyi框架前端路由的完整体系，为开发者提供了灵活、强大的路由管理能力。
ant desgin vue 中 a-card 设置高度满屏不生效
05-31
如果在 Ant Design Vue 中设置 `<a-card>` 组件的高度为 `100vh` 后无法铺满整个屏幕，可能是因为 `<a-card>` 组件的父元素也需要设置高度为 `100vh` 才能生效。 一种简单的解决方法是将 `<a-card>` 组件放在一个根元素中，并将这个根元素的高度设置为 `100vh`。例如： ```html <template> <div class="root-container"> <a-card> <!-- card content --> </a-card> </div> </template> <style scoped> .root-container { height: 100vh; } </style> ``` 这样，`<a-card>` 组件就可以铺满整个屏幕了。需要注意的是，如果 `<a-card>` 组件中有固定高度的子元素，那么这些子元素的高度可能会超出屏幕高度，导致出现滚动条。因此，如果要让 `<a-card>` 组件高度铺满整个屏幕，建议将子元素的高度设置为百分比或者使用 Flex 布局等方式来实现自适应高度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值