![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
不会切图的前端仔
这个作者很懒,什么都没留下…
展开
-
vue package.json里面启动项目时候运行node文件
vue启动运行node文件原创 2022-11-27 14:21:29 · 943 阅读 · 1 评论 -
vue3.0动态绑定baseUrl并且解决跨域
vue3.0全局变量设置以及解决跨域原创 2022-11-27 11:52:09 · 1762 阅读 · 0 评论 -
vue富文本编辑器
// // 富文本元素// private editor={}// // 编辑器调用// private editorInit() {// this.editor = new E(’#editor’);// // 自定义菜单配置// (this.editor as any).config.menus = [// ‘head’,// ‘image’// ];// // 开启debug模式// (this.editor as any).config.原创 2022-04-02 16:57:45 · 1525 阅读 · 0 评论 -
element table根据row的数据对表格横排进行隐藏&&动态prop
这里我的prop根据select框进行动态改变 ,row-class-name="tableRowClassName"这个一定要写上<el-table :data="List" stripe fit style="width: 100%;" :row-class-name="tableRowClassName" ><el-table-column label="标题"原创 2021-12-22 21:40:14 · 901 阅读 · 0 评论 -
element 动态绑定prop&&多层验证处理
<el-form-item label="多语言关联" :prop="'weaponAttackList.'+index+'.langMark'" :rules="rules.weaponAttackList.langMark" > rules = { weaponAttackList: { langMark: [{ required: true, message: '必填' }] } }.原创 2021-12-15 00:18:05 · 1445 阅读 · 0 评论 -
v-show渲染时数据不存在报错
v-show只要满足条件,视图将会渲染,渲染后条件为false时候,其实视图还存在,只不过是被display:none隐藏。这个时候如果之前通过v-show控制的元素的数据丢失就会报错,归根到底还是跟其渲染方式有关系,使用v-if可以解决问题。v-if条件存在就会重新渲染视图,会触发v-if控制的元素的vue生命周期钩子函数,v-show不会。...原创 2021-12-15 00:10:00 · 1037 阅读 · 0 评论 -
element 表单验证通过必要条件控制存在与否
const rules=[ send_server: [{ required: true, message: '必填', validator: this.a}], private a(rule: any, value:any, callback: Function) { callback(this.formData.code_is_bind === '1' && this.formData.send_server === '1' && !value ? '' :原创 2021-12-09 19:49:00 · 201 阅读 · 0 评论 -
Try `npm install @xxx` if it exists or add a new declaration (.d.ts) file containing `declare module
在src目录下创建文件declaration.d.ts 如何贴代码如下declare module 'xxx'原创 2021-12-01 20:24:48 · 5803 阅读 · 0 评论 -
vscode配置保存后与项目一致的.eslintrc.js
//找到setting.json{ "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "[typescript]": { "editor.defaultFormatter": "vscod原创 2021-11-09 21:39:31 · 740 阅读 · 0 评论 -
vue清除项目默认样式
首先在src目录下创建styles文件夹,文件夹里面有main.scss和normalize.scss两个文件main.scss@import "./normalize.scss";normalize.scss/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document =====================================================原创 2020-12-10 15:16:52 · 3486 阅读 · 1 评论 -
element ui 树形控件复制粘贴即可用
需要下载lodash父组件<template> <div> <myTree :data="allData"></myTree> </div></template><script>import myTree from './myTree'export default { components: { myTree, }, data() { return { al原创 2020-12-01 19:28:16 · 611 阅读 · 0 评论 -
JS操作数组的reduce无法拿到初始值或者无法操作第一个值
首先我们回忆一下reduce的用法1.var arr=[1,2,3,4,5]arr.reduce((item,cart,index,arr)=>{})cart的值为2,3,4,5item=12.踩坑点cart:代表当前元素的值index: 代表当前下标arr:代表原数组 [1,2,3,4,5]item:代表一次回调的值 初始值为默认为数组的第一个值,但是假如在}后设置了值,则默认值为所设置的值,假如不设置默认值,cart无法操作到其第一个值设置默认值如下var arr原创 2020-12-01 19:04:19 · 1509 阅读 · 1 评论 -
防抖节流
防抖//mountedwindow.addEventListener("click", this.debounce(this.handle, 1000));//防抖debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeout(timer); } timer = setTimeo原创 2020-11-18 19:21:51 · 57 阅读 · 0 评论 -
js操作数组大全
01.数组扁平化数组扁平化是指将一个多维数组变为一个一维数组const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6]方法一:使用flat()const res1 = arr.flat(Infinity);方法二:利用正则const res2 = JSON.stringify(arr).replace(/[|]/g, ‘’).split(’,’);但数据类型都会变为字符串方法三:正则改良版本const res3 = J原创 2020-11-18 16:06:45 · 115 阅读 · 0 评论 -
vue {{}}内将动态字符串转成动态变量
html<span >{{ arr[`${url}`][id-1] }}</span>//url本为动态字符串,这么设置后将变成动态变量data id:"", url: "", arr: { data1: [ "1924年4月,国际著名诗人泰戈尔" "19而起。陈三立在诗序中说,“余以荒老", "三立闻之十分气”。", ], dat原创 2020-11-04 20:28:39 · 1582 阅读 · 0 评论 -
移动端调试神器vconsole
安装:npm install vconsole//main.jsimport Vconsole from 'vconsole';let vConsole = new Vconsole();export default vConsole结束,波波出品,定是精品原创 2020-10-21 17:33:50 · 159 阅读 · 0 评论 -
基于vue 公告轮播
<template> <div> <div class="textBox"> <transition name="slide"> <p class="text" :key="text.id"> <el-tag type="warning">{{text.val.tag}}</el-tag> {{text.val.title}}</p>转载 2020-10-19 18:25:18 · 1620 阅读 · 1 评论 -
vue项目多个环境配置
1.首先大家需要知道.env.文件名这种文件的作用,这边不做过多的解释,自行百度。贴出.env文件参考ENV = 'production'outputDir = 'prod'VUE_APP_BASE_API = ''2.通常来说npm run build会执行.env.production这个文件夹,也就是说你在.env.production这个文件夹配置的VUE_APP_BASE_API赋值给全局请求拦截的baseURL,即可打包基础地址为VUE_APP_BASE_AP的包。import原创 2020-10-14 13:45:50 · 933 阅读 · 0 评论 -
element ui分页
<el-pagination :page-size="count"//每页多少数据 :pager-count="5"//页码超过多少折叠 layout="prev, pager, next"//组件显示顺序 :total="total"//一共多少页 后端传过来的 @prev-click='prevClick' //点击上一个 获取当前页码 @next-click='prevClick' //点击下一个 获取当前页码原创 2020-10-12 19:17:40 · 136 阅读 · 0 评论 -
vue如何获取DOM元素
VUE获取DOM元素的详细步骤首先给元素加一个自定义的属性如下<div ref="dom"></div>在使用this.$refs.dom去使用这个DOM元素this.$refs.dom.style.color="red"对比react<div ref="dom2"></div>this.refs.dom.style.color="red"...原创 2020-06-23 22:00:06 · 1021 阅读 · 0 评论 -
vue+vant构建购物车单选多选以及结算功能
设置全局相应拦截和全局请求拦截import axios from "axios"; //npm i axios后引用import { getToken } from "../utils/auth.js"; //这边为封装的获取token的封装函数:export function getToken() {return localStorage.getItem("token");}const service = axios.create({ baseURL: "http://192.168.18.7原创 2020-06-13 16:58:19 · 2344 阅读 · 0 评论 -
vue的钩子函数详解
1. beforeCreate、createdbeforeCreate 实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created 实例创建完成之后立即被调用,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,elproperty目前尚不可用。(el property 目前尚不可用。(elproperty目前尚不可用。(el获取组件的D原创 2020-06-13 10:13:02 · 231 阅读 · 0 评论