安装less-loader

vue项目中安装less-loader依赖包过程中出现的错误-pudn.com

npm install -D less-loader@7.x

# 顶部导航栏

src/layout/components/Navbar.vue

# 获取cookie显示用户名

## 显示
import Cookies from 'js-cookie'

<div>{{ userName }}</div>

computed: {
userName() {
return Cookies.get('userName')
}
}
## set
Cookies.set('userName','接口获取的用户')

# 替换属性

data.password = '1111'

# 多选下拉框

<el-form-item :label="$t('yongHuGuanLiYongHuLieBiao.table.roles')" prop="roleCodes">
<el-select v-model="temp.roleCodes" multiple class="filter-item" placeholder="请选择角色">
<el-option v-for="item in calendarTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
</el-select>
</el-form-item>

## 回显无法删除

<el-select v-model="temp.menuGroupIds2" multiple class="filter-item" placeholder="请选择菜单组" @change="handleTagChange">
handleTagChange(val) {
this.$forceUpdate()
},

# 确认删除(https://blog.csdn.net/weixin_44939080/article/details/120080889)

this.$confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 删除逻辑
})

# 打包

## Error: error:0308010C:digital envelope routines::unsupported
https://blog.csdn.net/zp357252539/article/details/122559236
https://www.jianshu.com/p/58444afa75d6
win[set NODE_OPTIONS=--openssl-legacy-provider]
mac[export NODE_OPTIONS=--openssl-legacy-provider]

# 开关按钮

https://www.cnblogs.com/mai0509/p/13667627.html
https://www.jianshu.com/p/fc8f742d7a84

# 表单标题靠右对齐

label-position="right"

# 更换首页壁纸

https://blog.csdn.net/u012293114/article/details/109384538

# 表格字段超长隐藏(https://blog.csdn.net/qq_42243957/article/details/109116648)

<el-table-column :label="$t('name')" align="center" :show-overflow-tooltip="true">
<template slot-scope="{row}">
<span>{{ row.name }}</span>
</template>
</el-table-column>

# 单选框

https://blog.csdn.net/weixin_41829196/article/details/106362927

# textarea

https://blog.csdn.net/weixin_53791978/article/details/122744466
<el-input type="textarea" v-model="esResult.res" rows="11" cols="6" />

# 页面跳转

https://blog.csdn.net/loveliqi/article/details/121989296
https://blog.csdn.net/weixin_43953555/article/details/117065424
this.$router.push({ path:'/two.html' })

# json转字符串(https://blog.csdn.net/qq_41984644/article/details/124943430)

JSON.stringify(this.routes)

# 字符串转json

JSON.parse(row.menuIds)

# 下拉框显示图标

https://blog.csdn.net/qq_45433217/article/details/106142073

# class拼接字符串

# 右上角提示信息

this.$notify({
title: '成功',
message: '创建成功',
type: 'success',
duration: 2000
})

# 错误信息

import { Message } from 'element-ui'

Message({
message: '请输入URI',
type: 'error',
duration: 1 * 1000
})

# 修菜单栏颜色

https://cloud.tencent.com/developer/article/1753773
src/styles/variables.scss

# 引用网络css(https://www.cnblogs.com/lutwelve/p/16164939.html)

.import_test {
.&_img {
background: url('~@/assets/img/blueSky.png');
}
}
</style>

# 引入js

https://blog.csdn.net/lvonve/article/details/115315442

# 图片转base64

https://blog.csdn.net/weixin_45745641/article/details/120851834

# js修改vue变量(https://www.cnblogs.com/toumingbai/p/15514379.html)

<input v-show="false" type="text" name="tc1" id="tc1" v-model="vueName" />
$("#tc1").val(true);
document.getElementById("tc1").dispatchEvent(new Event('input'))

# 获取方法返回的值

https://blog.csdn.net/cimbala/article/details/125599877
https://blog.csdn.net/liuyonghong159632/article/details/113850634
methods: {
   async A() {
   const result = await B();
   // dosomethings . . .
   },
   B() {
   // dosomethings . . .
   return Promise.resolve(data);
   }
}

# 防止页面销毁

https://bbs.csdn.net/topics/390999534?open_source=weibo_search

# 等待接口返回再执行

async getImg(groupId){
let img = null
if (gidImg.has(this.temp.groupId)) {
img = gidImg.get(this.temp.groupId)
} else {
await getImgByGroupId(this.temp.groupId).then(response => {
gidImg.set(this.temp.groupId,response.data)
img = response.data
})
}
return img
},

# 获取方法返回值

this.getImg(this.temp.groupId).then(rs => {
console.log(rs)
})

# rule数字规则

https://blog.csdn.net/Aa_duidui/article/details/123849721

# uuid

https://blog.csdn.net/qq_40323256/article/details/116447496

# 睡眠

https://blog.csdn.net/qq_38946996/article/details/120779202
https://www.orcode.com/question/402459_kcc34b.html
var refreshId = setInterval(() => {
if(AMap_ != null){
console.log('初次加载')
this.loadMarker()
clearInterval(refreshId);
}
}, 500);

# 标记绑定业务数据

https://blog.csdn.net/qq_43586999/article/details/120453275

# js调用vue函数

https://www.icode9.com/content-4-597927.html

# 图片点击放大

https://blog.csdn.net/weixin_63722092/article/details/125126765

# Vue Element 带下拉菜单的输入框-可输入可选择

https://blog.csdn.net/LJH132465/article/details/124120671

# 监听变量变化(https://blog.csdn.net/coldriversnow/article/details/123900328)

export default {
name: 'demo',
data() {
return {
inputVal: ''
}
},
watch: {
inputVal(val, oldVal) {
console.log("inputVal = " + val + " , oldValue = " + oldVal)
}
}
}

# 复制到粘贴板

https://www.cnblogs.com/wyhlightstar/p/8950430.html

# 颜色

https://www.w3school.com.cn/cssref/css_colors.asp

VUE(0) : vue-element-admin[0] : 链接相关推荐

vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单使用记录 element ui 表单 input 文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式 ...
vue element admin登录方式切换（密码登录或短信登录）
显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...
京东Vue组件库NutUI 2.0发布：将支持跨平台！
NutUI 是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,NutUI 1.0 版本于 2018 年发布.据不完全统计,目前在京东至少有30多个 web 项目正在使用 Nut ...
vue.js2.0 新手开发_VueJs2.0建议学习路线
最近VueJs确实火了一把,自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢. 既然大家会看这篇文章,那么 ...
python接口测试框架django_开源~自研接口测试平台 Django2.0+Vue
接口测试平台从开始到放弃 python3.6.3 Django 2.0.2框架版本更新: v2.3 引入docker部署,由于采用的docker,基础镜像为centos,所以Windows下部署仍然 ...
Vue 2.0 + Vue Router + Vuex 后台管理系统的骨架
https://github.com/helloyoucan/ba 用 Vue.js 2.x 与相配套的 Vue Router.Vuex 搭建了一个最基本的后台管理系统的骨架. 当然先要安装 node ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购
本次项目使用 Laravel6.0 + vue.js + elementUI + 微信小程序实现沃尔玛扫码购项目设计-接口本次项目所有接口使用 laravel 框架实现. 项目设计-后台后台开 ...
从0开始写Vue项目-Vue页面主体布局和登录、注册页面
1.从0开始写Vue项目-环境和项目搭建_慕言要努力的博客-CSDN博客 2. 从0开始写Vue项目-Vue2集成Element-ui和后台主体框架搭建_慕言要努力的博客-CSDN博客一.主体布局 ...
vue 封装调用 wangeditor v4.0富文本编辑框组件 v-model
背景本机的环境使用的vue的脚手架,用到了富文本编辑框,所以选择将wangeditor封装为组件调用 wangeditor官网:https://www.wangeditor.com/ 在vue的项目 ...

VUE(0) : vue-element-admin[0] : 链接