vue3+ElementPlus: 调整el-table表格的默认样式
需求:调整el-table表格的默认样式,直接在el-table和el-table-column上设置style并不会生效,需要在调试模式下(鼠标右击,选择“检查”)查看表格元素的实际位置,并设置其样式。 代码 先上代码。在HTML代码中,定义了el-table,并设置其class=“mainTable”(也可直接在css中使用.el-table),对其进行样式调整的CSS代码如下: <st…
需求:调整el-table表格的默认样式,直接在el-table和el-table-column上设置style并不会生效,需要在调试模式下(鼠标右击,选择“检查”)查看表格元素的实际位置,并设置其样式。 代码 先上代码。在HTML代码中,定义了el-table,并设置其class=“mainTable”(也可直接在css中使用.el-table),对其进行样式调整的CSS代码如下: <st…
上篇博客 vue路由全面详解(上):基本使用、多级路由、工作模式……_czjl6886的博客-CSDN博客 ,我们对路由有了基本的认识与使用,今天我们就来看看路由更深入、更常见的用法。 目录 一、路由命名 二、路由的参数 1.query参数 2.params参数 三、路由的props配置 四、replace属性 五、编程式路由导航? 一、路由命名 1. 概念理解 :路由命名,就是给路由映射的路径命…
Vue父组件对子组件生命周期的监听 方法一: // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit("mounted"); } 方法二: // Parent.vue <Child @hook:mounted="doSomething" ></Child>…
文章目录 项目创建 引入element-plus 完整引入 按需引入 【vue3+typescript】Vue3+TS电商后台系统项目实战 项目创建 首先执行 vue create vue3_ts_demo 来创建一个名为 vue3_ts_demo 的项目,然后: 1、选择 Manually select freatures 来手动选择 2、按空格选中 Babel、Typescript、css预处…
开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。 eleme默认的颜色的#409EFF 类蓝色的颜色 需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。 那么怎么修改呢? 我的方法是 1先把内容放上去,然后F12 打开开发者工具 2 选择多选框 查看elements的css样式 如图 找到这里 直接复制类名就好了 蓝色是…
情景1:如果存在CORS问题,先将图片转成base64 :(亲测有效) downloadIamge(imgsrc, name) {//下载图片地址和自定义图片名称 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function()…
vue项目有时候需要根据页面需要动态的去修改页面标题名称,首先看一下效果图: 上图就是动态修改前后的对比图,可能还是不够形象,看看router路由里面的配置项: 方法一: 一般在配置路由的时候会配一个静态的title,当有些页面需要修改时,这个时候就需要使用到路由守卫,写在需要修改title的页面: beforeRouteEnter(to, from, next) { //to是当前页面,from…
目录 内容主题 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…
公共数据复用 1.1 为什么要公共数据复用? 因为我们只有把导航和路由的数据公共的提出来,我们才能告知后端人员需要返回什么数据。 1.2 怎么数据复用呢? 首先,我们可以在utils文件夹里新建一个navDate.js的文件: 把我们需要的数据放在里面。这样,我们的菜单栏和路由规则就可以对这些数据进行复用。 Nav.vue : index.js :(router里的) 这样,我们就可以动态的往路由…