vue3+ElementPlus: 调整el-table表格的默认样式

  • Post author:
  • Post category:vue

需求:调整el-table表格的默认样式,直接在el-table和el-table-column上设置style并不会生效,需要在调试模式下(鼠标右击,选择“检查”)查看表格元素的实际位置,并设置其样式。 代码 先上代码。在HTML代码中,定义了el-table,并设置其class=“mainTable”(也可直接在css中使用.el-table),对其进行样式调整的CSS代码如下: <st…

继续阅读 vue3+ElementPlus: 调整el-table表格的默认样式

vue路由全面详解(中):路由命名、query参数、params参数、props配置、replace属性、编程式路由导航

  • Post author:
  • Post category:vue

上篇博客 vue路由全面详解(上):基本使用、多级路由、工作模式……_czjl6886的博客-CSDN博客 ,我们对路由有了基本的认识与使用,今天我们就来看看路由更深入、更常见的用法。 目录 一、路由命名 二、路由的参数 1.query参数 2.params参数 三、路由的props配置 四、replace属性 五、编程式路由导航? 一、路由命名 1. 概念理解 :路由命名,就是给路由映射的路径命…

继续阅读 vue路由全面详解(中):路由命名、query参数、params参数、props配置、replace属性、编程式路由导航

Vue父组件对子组件生命周期的监听

  • Post author:
  • Post category:vue

Vue父组件对子组件生命周期的监听 方法一: // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit("mounted"); } 方法二: // Parent.vue <Child @hook:mounted="doSomething" ></Child>…

继续阅读 Vue父组件对子组件生命周期的监听

vue扫条码实现

  • Post author:
  • Post category:vue

npm install vue-barcode-reader --save <template> <div> <v-header title="扫一扫"/> <StreamBarcodeReader @decode="logIt" @loaded="onLoaded" ></StreamBarcodeReader> </div>…

继续阅读 vue扫条码实现

【vue3+ts后台管理】项目搭建

  • Post author:
  • Post category:vue

文章目录 项目创建 引入element-plus 完整引入 按需引入 【vue3+typescript】Vue3+TS电商后台系统项目实战 项目创建 首先执行 vue create vue3_ts_demo 来创建一个名为 vue3_ts_demo 的项目,然后: 1、选择 Manually select freatures 来手动选择 2、按空格选中 Babel、Typescript、css预处…

继续阅读 【vue3+ts后台管理】项目搭建

vue使用ElementUI如何修改checkbox复选框颜色

  • Post author:
  • Post category:vue

开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。 eleme默认的颜色的#409EFF 类蓝色的颜色 需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。 那么怎么修改呢? 我的方法是 1先把内容放上去,然后F12 打开开发者工具 2 选择多选框 查看elements的css样式 如图 找到这里 直接复制类名就好了 蓝色是…

继续阅读 vue使用ElementUI如何修改checkbox复选框颜色

vue下载图片a标签只能跳转打开无法下载问题

  • Post author:
  • Post category:vue

情景1:如果存在CORS问题,先将图片转成base64 :(亲测有效) downloadIamge(imgsrc, name) {//下载图片地址和自定义图片名称 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function()…

继续阅读 vue下载图片a标签只能跳转打开无法下载问题

vue项目动态修改页面title

  • Post author:
  • Post category:vue

vue项目有时候需要根据页面需要动态的去修改页面标题名称,首先看一下效果图: 上图就是动态修改前后的对比图,可能还是不够形象,看看router路由里面的配置项: 方法一: 一般在配置路由的时候会配一个静态的title,当有些页面需要修改时,这个时候就需要使用到路由守卫,写在需要修改title的页面: beforeRouteEnter(to, from, next) { //to是当前页面,from…

继续阅读 vue项目动态修改页面title

使用ASP.NET Core MVC的Vue.Js

  • Post author:
  • Post category:vue

目录 内容主题 VUE.JS简介 DOT NET Core 下载和安装Visual Studio 2017 ASP.NET Core Spa模板 基础知识和设置 Node.js 节点包管理(NPM) Bower, Yarn Web-pack,Grunt或Gulp Gulp/Grunt Web-Pack与Gulp / Grunt Type-Script Babel 安装VUE-CLI 设置Dot N…

继续阅读 使用ASP.NET Core MVC的Vue.Js

VUE|后台管理项目——动态路由权限管理

  • Post author:
  • Post category:vue

公共数据复用 1.1 为什么要公共数据复用? 因为我们只有把导航和路由的数据公共的提出来,我们才能告知后端人员需要返回什么数据。 1.2 怎么数据复用呢? 首先,我们可以在utils文件夹里新建一个navDate.js的文件: 把我们需要的数据放在里面。这样,我们的菜单栏和路由规则就可以对这些数据进行复用。 Nav.vue : index.js :(router里的) 这样,我们就可以动态的往路由…

继续阅读 VUE|后台管理项目——动态路由权限管理