合集-Vue大杂烩
基础知识 数据代理
摘要：Vue3自适应瀑布流使用插件的解决方案
阅读全文
摘要：Vue前端，Java后端，网站开启了强制https
上传项目后发生了以下报错：xhr.js:220 Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://xxx'. This request has been blocked; the content must be served over HTTPS.
阅读全文
摘要：vue create 和 vue init 两种方式创建带路由的vue项目
阅读全文
摘要：假设content部分是绿色 当内容超出一页之后，滑下去，后面的都没有底色。 如果footer有内容，content的内容甚至会和footer内容重叠在一起，同时，footer的内容随着下滑，位置就不是处于页面最下方了。 要解决这个问题，就给content这部分添加样式 overflow-y: au
阅读全文
摘要：如上图，点击标题可以进入详情页，关键代码截图如下： 然后去配置路由 那么组件如何从地址中接收参数呢
阅读全文
摘要：问题如图 想让时间显示为自己想要的格式，可以自己编写一个函数 const formatDate= (timestamp)=> { const date = new Date(timestamp); const year = date.getFullYear(); const month = Stri
阅读全文
摘要：新建项目 安装router npm install vue-router 在src下新建目录router，在目录下新建index.js 在index.js里面配置路由 import { createRouter, createWebHistory } from 'vue-router'; // 定义
阅读全文
摘要：考虑到有的同学对vue3不熟悉，因此，我把ControlView.vue这个页面清空，我们从0开始写。 <template style="width: 100%"> </template> <script setup> </script> <style scoped> </style> 搭建页面的基
阅读全文
摘要：安装 npm i vue3-slide-verify --save 引入 import SlideVerify from 'vue3-slide-verify'; import "vue3-slide-verify/dist/style.css"; 使用 <slide-verify @success
阅读全文
摘要：以文章为例子，我们获取了文章列表。 现在想实现，点击文章列表里面的某一篇文章，跳转页面，这个页面显示文章的具体内容。 那么应该怎么实现。 首先，你要创建一个文章详情页的组件(article.vue) 然后，你要创建一个动态路由，比如(path:"/acticle/:acid") 接下来，你要能在ar
阅读全文
摘要：相关组件： 父组件：src/views/erp/contract/Form.vue 子组件：src/views/erp/contract/modules/PlanTable.vue 实现思路： 1.根据已有的isEdit判断状态是不是编辑或者新增,将状态传递给子组件 2.子组件根据状态来决定是否添加
阅读全文
摘要：情况1：在布局中设置 主要是给content添加 overflow-y: auto; <template> <a-layout> <a-layout-header class="layout-header"><header-vue/></a-layout-header> <a-layout> <a-
阅读全文
摘要：目标：在AntDesignVue的From组件中，为label添加icon图标 实现：插槽 <AFormModelItem prop="attachment" class="form-layout__item-col1 has-gap"> <template #label> <ATooltip pl
阅读全文
摘要：【VUE】父子组件联动实现动态样式控制 【VUE】页面跳转实现动态样式控制 在utils下创建文件夹styleController 编写通用的方法 /** * 样式控制 * 本文件主要提供一些动态控制样式的方法 */ /** * 控制表格表头中的 某些列 是否显示星号* * @param showS
阅读全文
摘要：【VUE】父子组件联动实现动态样式控制 跳转得到的参数大概有这些： handleToPage: function (action, id, key = "form", queryParam = {}) { this.$router.push({ path: `${this.routeKey}/${k
阅读全文
摘要：情景说明 基本上，Vue里面写Style，都是<style scoped> 很多时候，需要我们对使用的UI组件做一些调整 你可以会这样做：在网页查审元素，定位要修改组件，找到它的样式名称 你就在<style scoped>里面添加它的CSS样式，发现没有效果 问题分析 1 Vue是如何防止CSS污染
阅读全文
摘要：https://www.antdv.com/components/date-picker-cn https://www.antdv.com/components/config-provider-cn/ https://www.antdv.com/docs/vue/i18n-cn <script se
阅读全文
摘要：效果 代码 这是vue2版本 <template> <div class="progress-container"> <!-- 进度条 --> <a-progress :percent="computedPercent" :stroke-color="getProgressColor(compute
阅读全文
摘要：如上图，堆叠的时候，柱子上方显示堆叠的总数。那不堆叠的时候，如下图，就显示自己的数据 那么怎么实现这个功能呢（完整组件代码在文末） 首先要解决的问题1： 你怎么知道用户通过图例（legend）点击事件来切换系列的可见性？ initChart() { this.chartInstance = echa
阅读全文
浙公网安备 33010602011771号