使用Ant Design Vue的select搜索框搜索为value问题

  • Post author:
  • Post category:vue

Select 选择器进行搜索 <a-select style="width: 154px" v-model:value="queryParams.name" placeholder="请选择" show-search optionFilterProp="children" > <template #suffixIcon> <CaretDownOutlined clas…

继续阅读 使用Ant Design Vue的select搜索框搜索为value问题

vue隐藏路由的方法

  • Post author:
  • Post category:vue

先来看下效果,他在首页的时候是不显示路由的,点击跳转到其他页面了才会显示 打开 index.js,加上 mode : " history " import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode:"history", routes: [ { pat…

继续阅读 vue隐藏路由的方法

vue3 数组清空与重新赋值

  • Post author:
  • Post category:vue

vue3里面,如果数组是用reactive()声明的,要清空数组得用list.length = 0,如果想要使用list =[],或者直接赋值类型list = [1,2,3,4,5],得把数组用ref([])来声明,然后用list.value = []来修改,然后如果是对象里面的数组,可以直接使用obj.list = []来清空,因为obj已经被响应式了. <template> <…

继续阅读 vue3 数组清空与重新赋值

Vue列表根据接口返回数据不同设置动态表头

  • Post author:
  • Post category:vue

目录 1.首先定义一个整体的div,tableList是此数据关联的所有从数据key列表 2.写一个导航栏切换的js函数 3.写一个进入页面就调用的js函数查询从数据key 4.根据数据格式定义多个表头数组 5.定义一个公共表头数组 6.后端逻辑 使用场景主要是主数据所关联的从数据在es中所包含的map集合key数量不一致 如下图: 点击左侧关联数据右侧列表表头数量不一致(主数据所关联的从数据ke…

继续阅读 Vue列表根据接口返回数据不同设置动态表头

使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certifi

  • Post author:
  • Post category:vue

今天进行vue-cli遇到一点小问题,记录于此,方便查询 最近在使用 vue-cli 脚手架创建项目的时候,遇到 webpack-simple 模板下载不成功的情况,提示 vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certificate in certificate chain 的原因是因为…

继续阅读 使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certifi

vue2 wangEditor富文本编辑器自定义上传图片

  • Post author:
  • Post category:vue

我上一篇文章不是讲到腾讯云配置cos上传嘛,然后上传配置完了,还写一个文章发布,这个地方用到了 wangEditor富文本编辑器 中的vue2的使用模式,中间出现了一点问题,就是这个图片上传,如果转成base64放数据库数据就比较大了,同时也没法添加视频进去,所以就使用了它的图片自定义上传方式。 安装跟使用都在他官网里面有基本demo,点击上面链接就看得到哈,然后重点说这个自定义上传怎么做,网上大…

继续阅读 vue2 wangEditor富文本编辑器自定义上传图片

Vue Cli4+Elment-UI+MockJs搭建一个登陆页面的示例

  • Post author:
  • Post category:vue

一、 快速搭建一个项目 参考文章 vue cli4.0 快速搭建项目详解 https://www.cnblogs.com/sese/p/11712275.html 按照上述文章快速搭建一个vue项目 如图所示搭建成功 二、安装项目所需依赖 npm i element-ui -S npm install axios --save npm install mockjs npm install axio…

继续阅读 Vue Cli4+Elment-UI+MockJs搭建一个登陆页面的示例

electron-vite-vue打包完,vue-router报错exports is not defined

  • Post author:
  • Post category:vue

问题描述 开发环境是可以正常使用vue-router的,但打包后electron控制台出现Uncaught ReferenceError: exports is not defined报错 找了下是vue-router源码里面开头代码的问题Object.defineProperty(exports, ‘__esModule’, { value: true });, 官方关于这个问题的探讨 http…

继续阅读 electron-vite-vue打包完,vue-router报错exports is not defined

Vue 批量注册组件

  • Post author:
  • Post category:vue

全局组件 在 components 文件夹下新建一个 Gloabl 文件夹(可以自行命名) 在目录下新建 index.js import Vue from 'vue' // require.context(路径, 是否遍历子目录, 匹配规则) const requireComponents = require.context('./', true, /\.vue/) requireComponen…

继续阅读 Vue 批量注册组件