vue
andux
这个作者很懒,什么都没留下…
展开
-
element-plus的走马灯carousel图片轮播让图片居中显示
element-plus的走马灯carousel图片轮播怎么让图片居中显示呢?官网里查了一下,没找到。只能自己摸索一下了。盒子模型,要让图片居中,首先要确定盒子的大小,然后确定图片的大小,盒子使用居中样式,应该就是这样。再确定图片的高度是720px,如果不确定图片的高度,如果有图片小于这个高度或者大于720px,就会显示不全。首先确定走马灯的高度是720px,那宽度自动就是100%了。正常的确定图片高度后,图片的宽度会自动按照比例缩放。原创 2023-12-01 16:53:45 · 1038 阅读 · 0 评论 -
vue使用皮肤框架element-plus,element-ui是vue2.0的皮肤
如果使用router-link就正常,el-link就不行,所有链接都是根目录链接,就是第一个链接有效,其他的都点击没有反应。vue使用皮肤框架element-plus,element-ui是vue2.0的皮肤,所以现在最新的vue3要使用element-plus皮肤。el-link就是element-plus框架的链接,它的跳转是href,而vue-router的链接是router-link,它的跳转是to。使用vue路由的时候,链接里面有#号,去掉#,需要使用没有hash的history。原创 2023-12-01 11:39:38 · 797 阅读 · 0 评论 -
vue使用vue-router路由控件
vue-router是官方路由控件,但官网竟然没有该路由的使用方法啊,只有单页面的简单示例,引用的是网页js模式,不是vue的引用模式啊。这个路径是在src目录下,建立router文件夹,里面再新建index.js文件。安装好vue-router路由包后,需要到main.js里添加路由文件的引入。先到组件文件夹components里新建两个简单的控件a.vue和b.vue.这样点击链接,下面的router-view位置就会显示链接到的组件里面的内容。最后到vue模板入口文件App.vue里添加路由控件。原创 2023-12-01 08:46:32 · 476 阅读 · 0 评论 -
pycharm 创建vue并实现简易路由功能
使用pycharm创建vue项目时,选择vite来创建vue。因为vite是专门针对vue开发的打包框架,以前使用vue-cli来创建vue项目,就是使用的webpack来进行打包的,现在有了vite,就尽量使用vite来创建vue项目。在pycharm中新建项目,选择vite,再在右边模板里,选择vue,这样就是使用最新的vite版本,来创建vue项目了。vue官网上有简易的路由代码。这样不适用路由插件,就实现了路由功能。默认的启动配置,自动填上了运行命令。点击启动,项目就开始运行了。原创 2023-11-30 16:29:41 · 890 阅读 · 0 评论