u014054437的博客

第一步：进入项目目录下，打开git bsah ，安装elementUI并保存到package.json：$ npm install element-ui -S    安装成功之后可以在package.json文件下的dependencies看到"element-ui": "^2.3.3"第二步：在main.js入口文件中引入elementUI相关文件    方法一：整体引入import Elem...

v-if 是动态地向DOM树内添加或者删除DOM元素；v-show 是通过设置DOM元素的display样式属性控制显隐；所以这里就牵扯到我今天要说的一个问题了：我们根据用户不同的权限，会对应地显示不同的页面，比如说管理员身份，具有查看、编辑和删除某一条数据的权限，而普通用户只有查看的权限。此时最好不要使用v-show来控制删除、编辑这两个按钮显隐了，因为页面还是会...

亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置)执行成功如下图所示：然后此时你会发现项目下多了一个 dist 文件夹，dist下文件便是项目打包之后生成的文件。此时我们直接在浏览器中打开inde...

众所周知，Vue项目打包（运行npm run build）之后会生成一个dist文件夹，dist文件夹里有一个static文件夹和一个index.html页面，这个index就是单页面的最终文件。我们一般都是把dist文件夹部署到服务器上。但是我直接打开index.html，发现页面显示的是一片空白，打开控制台发现报了一堆找不到文件的error：于是我看了下代码，应该是路径不对，应...

elementui官网的表格单元格合并方法是针对静态数据的，判断是写死的。rowspan是合并的行数：为1表示不变；为0表示去除该单元格，后面的单元格会向上往这格填；colspan同理而实际情况表格数据往往是动态的。现如下图，需要将表格前四列的相同数据项合并。直接上代码：<el-table :data="budgetList" border :span-metho...

需求：用户在进入这个页面时，能看到标签页（el-tab）上的代办数字标记（el-badge）问题：el-badge绑定的变量是有数据的，但是界面上就是不渲染。代码：<template> <el-tabs> <el-tab-pane> <span slot="label"> <i class=...

我的项目中使用了scss，elementui官网提供了解决方案如下：在项目中改变 SCSS 变量Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Element 的样式变量。1. 新建一个样式文件，例如 element-variables.scss，写入以下内容：/* 改变主题色变量 */$--color-...