随笔分类 - vue前端
摘要：vue3 arco design 1.问题描述： 第一次输入Madal 弹窗内的Form值 第二次进入发现依然保留上一次值； 解决方案1： 借助ref引用dom 代码如下： <a-modal width="500px" v-model:visible="visible" @cancel="handl
阅读全文
摘要：1.结局yarn 禁用问题 powershell windows： 以管理员身份运行执行： set-ExecutionPolicy RemoteSigned 输入：y 2. 设置yarn 淘宝mirror: npm config set registry https://registry.npm.t
阅读全文
摘要：<template> <a-card title="用户-角色-关联" style="margin-top: 40px;"> <a-tree v-model="checkedKeys" checkable :expanded-keys="expandedKeys" :auto-expand-pare
阅读全文
摘要：这种问题大概率是你的nginx location 设置问题： server { listen 443 ssl; ssl_certificate /etc/nginx/cert/server.crt; ssl_certificate_key /etc/nginx/cert/server.key; se
阅读全文
摘要：如果一直报500 检查： 静态dist文件夹是否被nginx引用到，特别是docker部署进入容器看 root /code/dist; server { listen 443 ssl; ssl_certificate /etc/nginx/cert/server.crt; ssl_certifica
阅读全文
摘要：依赖： npm install vue-codemirror 可能遇到错误 npm install file npm install system 子组件封装 components.vue <template> <codemirror class="code-dec" ref="jsonEditor
阅读全文
摘要：父子组件 https://www.zjh336.cn/?id=1959 兄弟组件通信： Vue兄弟组件通信（VueX） https://www.jianshu.com/p/7c6740293834 1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 2、创建一个Vue的实例，让各个兄弟共
阅读全文
摘要：<template> <vue-json-editor v-model="resultInfo" :showBtns="false" :mode="'code'" lang="zh" @json-change="onJsonChange" @json-save="onJsonSave" /> </t
阅读全文
摘要：https://blog.csdn.net/qq_35310623/article/details/100517269?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLe
阅读全文
摘要：异常：The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is'include'.
阅读全文
摘要：let arr = ['1','2','3','4','5']; let mapArr = arr.map(item=> parseInt(item)); console.log(mapArr); 讲解： 定义和用法 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 m
阅读全文
摘要：合并两个数组并去重（ES5和ES6两种方式实现） 合并两个数组并去重（ES5和ES6两种方式实现） ES6实现方式 let arr1 = [1, 1, 2, 3, 6, 9, 5, 5, 4] let arr2 = [1, 2, 5, 4, 9, 7, 7, 8, 8] function uniqu
阅读全文
摘要：代码实现逻辑做了返回后端数据处理,id映射为key值，suite_name 映射为title，这是一个这种的处理方法，因为不想改动组件太多东西，主要注意点就是那个renderItem value 必须为String类型： xxxxxxxxxxxxx 源代码： <template> <div> <di
阅读全文
摘要：https://codesandbox.io/s/mind-elixir-vue-nqjjl?file=/src/App.vue:0-839 体验界面org： https://mindelixir.ink/#/ 页面做出来效果绝对真香定律：
阅读全文
摘要：<template> <js-mind :values="mind" :options="options" ref="jsMind" height="1000px" id="jsmind_container" style="flex:none"/> </template> <script> expo
阅读全文
摘要：scrollevent(e){ let heights=e.target.scrollHeight, top = e.target.scrollTop, clientHeight=e.target.clientHeight let distance=heights-top-clientHeight
阅读全文
摘要：myArray:[ {people:'cn',id:1,name:'get001'}, {people:'cn',id:2,name:'pOST002'}, {people:'cn',id:3,name:'DELETE'}, {people:'us',id:4,name:'PATCH'} ], <d
阅读全文
摘要：1. filter针对数组起过滤作用筛选出符合条件的一个或多个元素 lvar newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ww' } ] console.log(newarr.filter(item => item
阅读全文
摘要：文档： http://www.itxst.com/vue-draggable/n6rzmqj3.html 效果： 源码： <template> <div> <!--使用draggable组件--> <draggable v-model="myArray" chosenClass="chosen" f
阅读全文
