ChuaWi98的博客

Vue-ElementUI实现前端页面开发遇到切换分页时，之前页面选的数据不会保存以及选择的数据如何回显的问题。

install cnpm报错Cannot find module 'xxx'的解决方案之一

v-for和v-if同时使用报错的解决方案之一

常用六种数据类型 let type = Object.prototype.toString.call(data); if (type === "[object Number]") { type = "Number"; } else if (type === "[object String]") { type = "String"; } else if (type === "[object Boolean]") { type = "Boolean"; } else

实现 “66” 转成 00:01:06Vue实现{{timeChange(time)}}timeChange(time) { // 时间格式调整 if (time.indexOf(':') === -1) { let hour = parseInt(time / 3600) let minute = parseInt((time % 3600) / 60) let second = ((time % 3600) % 60) return addZero(hour)

效果图：数据库设计学生表【student】课程表【course】学生与课程关系表【studentCourseRef】后端返回对象是以主子表数据形式，返回学生列表信息以及学生与课程关系列表信息，如图 private Long id; /** 学号 */ private Long studentId; /** 学生姓名 */ private String studentName; /** 学生与课程关系列表 */ private List<Stude

post install error,please remove node_modules before retry!1、手动删除node_modules文件夹或者rm -rf node_modules/2、cnpm install gulp-sass --save-dev3、cnpm installnode-gyp ERR! node-pre-gyp ERR!cnpm i -g node-gyp

data() { return { list: []; }}方法一if(this.list == undefined || this.list.length <= 0){ return}方法二、三if (JSON.stringify(this.list) !== '[]' || Object.keys(this.list).length !== 0){ return}

功能预览：实现步骤：1、安装依赖npm install v-viewer --save2、全局引入import Vue from 'vue';import Viewer from 'v-viewer';import 'viewerjs/dist/viewer.css';Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true

解决方案页面引入import { Message } from "element-ui";返回后端传来的信息msgif (response.code === 200) { Message.success(response.msg);}else{ this.$message.error(response.msg)}

XXXfunction(status){ let confirmText = []; if (status === 2) { confirmText = ['是否发布该活动?', '注意：活动发布后允许查看，但不可再编辑！'] }else if (status === 3) { confirmText = ['是否停止该活动?', '注意：活动停止后允许查看，但不可再发布！'] } const newDat...

解决方案：1、进入node_modules，删除node-gyp2、执行npm i -g node-gyp3、删除node_modules4、执行npm i -d完成！

请将import echarts from ‘echarts’改成import * as echarts from ‘echarts’

1、本地任意新建文件夹，例如myvue2、打开VS Code，点击文件->打开文件夹，找到新建myvue3、（快捷键ctrl+shift+y）或者点击上方终端->新终端4、检查node和npm是否下载后，输入vue init webpack myvue5、小编出现这个问题Command vue init requires a global addon to be installed.Please run yarn global add @vue/cli-init and try

效果图：实现步骤：el-table-column中添加属性:render-header=“renderHeader”<!-- 操作 --><el-table-column label="操作" fixed="right" align="center" header-align = "center" style="overflow-x: hidden;" width="250px" :render-header="renderHeader">

效果图：实现步骤：……<el-table-column prop="isComment" label="评论关闭/开启" header-align = "center" width="120"><template slot-scope="scope"> <el-switch v-model="scope.row.isComment" active-color="#13ce66" :

借助第三方插件Sortable.js实现实现步骤：安装sortablejsnpm install sortablejs --save在当前.vue文件中导入import Sortable from 'sortablejs'

ESLint的语法校验空格缩进数量的问题进入【项目】-【build】-【webpack.base.conf.js】文件找到【rules】下的eslint注释相关内容

将formatOnSave的值改成false

执行npm install报如下错误解决方案：先清理缓存再安装最后执行npm cache clean --forcenpm installnpm run dev如果install还是不成功的话反复清理缓存npm cache clean --force直到成功

效果图：业务需求：每行数据都有自己的文件路径保存在数据库中，如何获取文件保存路径并下载该文件？常见的通过a标签下载文件<a href="http://127.0.0.1/我和我的祖国.mp3" download="我和我的祖国.mp3" target="_blank">点击下载</a>动态下载不会写怎么办？可以尝试用以下的方法：<el-button size="mini" type="text" icon="el-icon-thumb"

效果图：核心代码：<!-- 添加或修改用户对话框 --><el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="120px"> <!-- 原始表单学号和姓名 --> <el-row> <e

项目业务需求：设计两个搜索下拉框，其中二级下拉框的数据随着一级下拉框选中的数据而变化。理解业务需求：通常来说我们树型下拉框的数据库设计是在同一个表，且子节点会储存对应的多个祖节点（父节点+父节点的父节点+父节点的父节点的父节点+……+父节点^n）Id。例如：多个城市子节点归属一个省份父节点，多个省份子节点又归属一个国家父节点。这里数据库中城市祖节点就包括了省份Id和国家Id。如果需要新增城市的下一级，如区和县的子节点，我们直接在市省国的这张表直接添加数据就行，因为这些都属于地名，可以共存或者说共用一张数

<template> <a-card :bordered="false"> <!-- 查询区域 --> <div class="table-page-search-wrapper"> <a-form layout="inline" @keyup.enter.native="searchQuery"> <a-row :gutter="24"> <a-col :x

效果图：订单列表实现代码：{ title: '下单时间', align:"center", dataIndex: 'createTime', defaultSortOrder: '(a,b)', sorter: (a,b)=>{ let aTimeString = a.createTime let bTimeString = b.createTime aTimeString = aTimeString.replace(/-/g,'/')

效果图：数据库设计前端页面显示文字功能说明：字典翻译注解 @Dict ： 用于列表字段字典翻译，将数据库某一列的值按照字典配置翻译成对应的文字描述。（比如字段status存的值是1，会自动生成一个翻译字段 status_dictText 值是‘已付款’）实现步骤：1.配置数据字典新增订单状态字典2.订单实体属性上加注解/**订单状态（0-未付款 1-已付款 2-退款中 3-已退款 4-已完成）*/ @Excel(name = "订单状态（0-未付款 1-已付款 2-退款中 3-已退

效果图：代码实现：OrderList.Vue放在< a-table >标签里<a-badge v-if="text=='未付款'" slot="status" slot-scope="text" color="gray" :text="text"/><a-badge v-else-if="text=='已付款'" slot="status" slot-scope="text" color="green" :text="text"/><a-badge v

效果图：代码实现：OrderList.Vue<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-form-item label="订单状态"> <a-select placeholder="请选择订单状态" v-model="queryParam.status" :options="statusOptions"></a-select> </a-form-item></a-col&gt

效果图：代码实现：OrderList.Vue<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-form-item label="下单日期"> <a-range-picker size="large" format="YYYY-MM-DD" @change="onDateChange" /> </a-form-item></a-col>methods: { onDateChange(date