weixin_45613604的博客

点击既可以选择省，也可以展开选中里面的子项可以结合el-select和el-tree<template> <div> <el-select v-model="params.areaScope" multiple clearable style="width: 30%"> <el-option :value="mineStatusValue" style="height: auto">

关键：在prop后面添加rules判断<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="姓名" prop="name" :rules="ruleForm.pass ? rules.name:[{required:false}]">

<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop="a" label="获奖年份"></el-table-column> <el-ta

1.使用@引入时，前面加~body { background: url("~@/assets/images/bg.png");}2.变量 $$width: 5em;#main { width: $width;}

解决：在el-dialog标签上加:append-to-body='true'

**场景：**例如使用v-html加载一些后台返回的一段富文本HTML代码，富文本里包含图片，在手机上图片宽度可能会溢出或者需要设置一些样式。解决方法：使用vue的深度作用选择器 >>> 即可。<div v-html="htmlContent" class="rich"></div> <style scope> .rich>>> img{ display:block; max-width: 100%}</styl

经常碰到这种问题解决：方法一：升级node方法二：使用命令cnpm – install 代替 cnpm install来执行(万能)

转载：https://blog.csdn.net/qq_42221334/article/details/100055124vue-seamless-scroll 实例文档链接1.安装cnpm install vue-seamless-scroll --save2.文件中引入，组件配置import vueSeamlessScroll from 'vue-seamless-scroll'3.使用 <vue-seamless-scroll :data="CardPart

1.安装依赖npm i mockjs2.在mockServer.js导入使用import Mock from 'mockjs'let data = {name:'我是造的数据'}Mock.mock('/goods', { code: 0, data })3.在main.js文件里导入mockServer.jsimport Vue from 'vue'import './mockServer' // 导入mockServer.jsnew Vue({ render: h =&gt

开发中经常会用到表单，下面的表单可以放在代码片段里<template> <div> <div class='mod'> <el-table :data='list' border tyle='width: 100%'> <el-table-column type='index' label='序号' width='50' align='center'></el-

做项目时发现使用elementUI的table的sortable排序结果不正确可以加个sort-method事件<el-table-column sortable :sort-method="(a,b)=>{return a.lawsuit - b.lawsuit}" prop="lawsuit" label="金额" show-overflow-tooltip></el-table-column>...

解决：在关闭弹窗时给个事件重置form表单

解决方法：赋值的时候要深拷贝使用JSON.parse(JSON.stringify(copyObj))会报错，要自己封装的才行深拷贝方法：export const deepClone = (obj) => { let result = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] &&

方式一：对象的形式<p :class="{'p1' : true}">对象的形式(文字的颜色)</p><p :class="{'p1' : false, 'p': true}">对象的形式(文字的颜色)</p>方式二：三元表达式<p :class="[ 1 < 2 ? 'p1' : 'p' ]" >三元表示式(文字的颜色)</p>方式三：数组的形式<p :class="[isTrue, isFalse]"&g

<template> <div> <!-- 表格 --> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width

安装npm install moment导入在要使用的组件里import moment from "moment";使用export default { data() { return { nowDate:new Date().getTime()// 获取时间戳 } }, created(){ // 转换时间格式年月日时分秒 this.nowDate = moment(this.no

在项目根目录下新建文件.evn.test , 写上代码.evn.testNODE_ENV = 'test'在axios封装的接口上判断接口基地址let BASE_URL = ""; //这里是一个默认的url，可以没有switch (process.env.NODE_ENV) { case 'development': BASE_URL = "http://0....

使用vue-cli3.0生成项目后 , 再新建两个文件在两个文件里面都添加上地址接口.env.developmentVUE_APP_URL = "/api" // 生成环境 // .env.production.env.productionVUE_APP_URL = "地址接口" // 开发环境在axios的接口前加上VUE_APP_URL就可以了const BASE =...

安装依赖npm install [email protected]新建 validator.jsimport Vue from 'vue'import VeeValidate, {Validator} from 'vee-validate';import zh_CN from 'vee-validate/dist/locale/zh_CN'; Vue.use...

module.exports = { // 配置 axios 代理请求 devServer: { host: '0.0.0.0', //ip地址 hot: true, //热加载 port: 8081, //端口 https: false, //false关闭https，true为开启 open: true, //自动打开浏览器 proxy:...

微信内置浏览器有专门的调试工具—vConsole使用npm install vconsole<script src="path/to/vconsole.min.js"></script><script> // init vConsole var vConsole = new VConsole(); console.log('Hello wo...

背景：vue-router 打开外链接 如果使用 a 标签，会默认加上根路由，导致跳转失效。那么如何让 a 标签点击跳转到新窗口？解决方法：html 代码 <a class="a-style" @click="linkDownload('https://www.baidu.com')">百度</a>复制代码js 代码 linkDownload (url) { ...

<template> <div> <el-upload class="upload-demo" ref="upload" :limit="limitNum" //最大允许上传个数 :class="{hide:hideUploadEdit}" //加类名为了隐藏上传样式 :on-remove="ha...

1.安装依赖npm install js-md52.在需要的文件中引入import md5 from 'js-md5';3.使用md5('Message to hash');https://github.com/emn178/js-md5

store.jsimport Vue from "vue";import Vuex from "vuex";import { reqShopRatings } from "../api/index"; // 导入封装好的请求Vue.use(Vuex);// 变量名const RECEIVE_RATINGS = "receive_ratings"; // 接收商家评价数组// 定...