登录社区云,与社区用户共同成长
邀请您加入社区
**权限管理**一共包括两个子功能角色列表和权限列表角色列表界面一共包括了四个子功能:添加角色、修改角色、删除角色、分配权限添加角色界面及代码修改角色界面及代码删除角色界面及代码(调用接口传参就好了)分配权限界面及代码(重点)权限详情(思路:根据角色id获取所拥有的权限,然后逐级渲染,从一级权限开始再到最后一次,层层环扣)获取删除(根据角色id以及权限id删除)权限列表界面(只是显示没有任何操作,
用VSCode写Vue时ESLint无法使用,参考以下步骤。错误信息:[Info- 下午5:50:02] ESLint server is starting[Info- 下午5:50:02] ESLint server running in node v12.14.1[Info- 下午5:50:02] ESLint server is running.[Info- 下午5:50:03] ESLin
ECMAScript 6.0(以下简称ES6)是JavaScript语言(现在是遵循ES5标准)的下一代标准,已经在2015年6月正式发布了。总之,ECMAScript和JavaScript的关系是,前者是后者的规格(语言规范),后者是前者的一种实现。TypeScript是Javascript的超集,实现以面向对象编程的方式使用Javascript。typescript相对于ES6,TypeScr
子类继承父类的 constructor() 构造函数中必须要有 super(),代表调用父类的构造函数,没有就会报错,super虽然代表父类的构造函数,但是返回的是子类的实例,即super内部的this指的是子类的实例。方法是类的默认方法,通过 new 命令生成对象实例时,自动调用该方法,一个类必须有constructor()方法,如果没有显示定义,一个空的constructor()方法会被默认添
node环境、接口测试工具、包的管理工具、vscode插件、谷歌扩展程序、git配置,webpack配置
解决报错: SyntaxError: await is only valid in async functions and the top level bodies of modules
需求中遇到的情况,也是百度了很久参考了很多大佬的文章,所以这里记录一下,方便自己的同时希望对大家也有一点小小帮助;2、引入:import AraleQRCode from "arale-qrcode";1、安装依赖::npm i arale-qrcode --save。【PS:亲测有效,大家可以放心使用 CV 大法哈!【不要慌不要慌,太阳下了有月光】
element UI的Table表格,遇到树形数据展示,父级数据显示序号,子项数据不展示序号先展示最终效果代码<el-tableref="table"row-key="id"size="medium"height="100%"border:data="tableData":tree-props="{ children: 'chil.
文件名根据首字母排序,按照数字 - 特殊字符 - 大写英文 - 小写英文 - 中文的顺序排序。先把数据中的中文英文分别放到不同的数组中。
3.还可以使用`promise.all([method1, mothod2, mothod3]).then(res => {}).catch(e => {})`2.里面的封装的其他方法本身如果有接口调用,本身也需要异步;1.onMounted内需要async异步;
使用插件npm install --save vue-pdf<template><div id="app"><el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialog
使用vue-cli编写的插件或库文件,打包的时候如果需要压缩,可以使用 uglifyjs-webpack-plugin 或者 terser-webpack-plugin,前者不支持es6,打包时可能会报Unexpected token的错误,后者是前者对es6的支持版本。
element-ui的el-upload如何判断上传文件的类型?<template><div><el-uploadclass="upload-demo":before-upload = "checkFileType"dragaction="https://jsonplaceholder.typicode.com/posts/"multiple><i cla
搜了很多,看到都是直接在router文件里直接引入store文件,实际我试了下还是有bug——state不同步,commit之后还是原来的值。实际上直接调用routers实例的属性即可同步vue实例的store。
【代码】es6数组对象去重根据对象某个属性去重。
template 使用情况1. 根据某个状态渲染多个模板的v-if v-else2. 插槽的场景插槽:子组件写法:name="title"<slot name="title" v-bind="{ row: typeItem, index: index }"><div class="menuItemBox">{{ typeItem.name }}</div><
模板字符串支持嵌入变量,只需要将变量名写在 ${} 之中。在模板字符串中,遍历数组,生成循环结构。let arr=['aaa','bbbb','c','dd','f']let temp=`<ul>${arr.map(item=>{return `<li>${item}</li>`}).join('')}</ul>`console.log(tem
Vue3学习之旅–爱上Vue3–Vue3基础语法(一)续上文:vue3学习之旅–邂逅vue3-了解认识Vue3vue3学习之旅–邂逅vue3-了解认识Vue3(二)methods方法绑定this问题回顾:问题一:为什么不能使用箭头函数(官方文档有给出解释)?问题二:不使用箭头函数的情况下,this到底指向的是什么?(可以作为一道面试题)不能使用箭头函数的原因?我们在methods中要使用data返
首先web-view中H5是无法跳转到其他小程序的只能通过H5跳转回小程序,再让小程序跳转到其他小程序H5跳转回小程序使用wx.miniProgram.navigateTo()小程序跳转小程序使用wx.navigateToMiniProgram(),官方文档有示例,用法很简单,只需要传入appid,还有path(可选参数,不是必须的,不传则默认跳转到小程序首页)在小程序中我新建了一个页面用来做跳转
点击下载按钮没下载图片到本地
数组去重/查重/得到重复的下标
使用Antd自定义上传文件时报错reqs[uid].abort is not a function解决办法添加以下代码const prom = new Promise((resolve, reject) => {})prom.abort = () => {}return prom
es6导出导入// 导入importLogin from './view/Login.vue'// 导入vue的组件import'./css/login.css'// 导入普通静态资源文件// 导出// *** 注意: export default 只能导出一个对象 ***// (1)vue项目开始,导出一个单文件组件export default {data(){ return{msg: '这是
本文在deepin15.11,electron@8.0.0, electron-builder@22.3.2环境下编写1. 全局安装electron-buildernpm install -g electron-builder@22.3.22. 在package.json文件中增加打包的配置{"build": {"productName":"Electron_Test...
vue使用less/sass无效问题vue项目安装了less依赖,在页面style标签里引入" lang=‘less’ “,但是每次加上scoped样式就会失效,或者是可以加scoped,但是再引入” lang=‘less’ ",样式也会失效,给我纳闷了好久前两天找到原因了,原来依赖安装完成后还要再util...
1、什么是懒加载意思就是:需要用到的时候才去加载这个资源,也就是 延时加载2、为什么要使用懒加载当进去某个页面时(比如淘宝之类的推荐页面),会有许多的图片等等资源,而这时我们不去翻动看下面的数据,也就意味着这个数据浪费了,白加载了,而且降低了网页的加载速度(一个网站如果打开速度太慢,用户体验是极差的)如果使用懒加载,下面的数据等我们往下翻才加载,才不会浪费,这样可以加快页面的加载速度,也可以减
关于element-ui弹窗组件el-dialog,阻止点击遮罩层关闭的问题,以及全局处理和局部处理的方法前言在使用element-ui的组件时,有时候根据项目需求,需要修改组件默认的属性值。我们公司项目的需要在el-dialog弹窗组件中写入表单数据,由于表单数据比较多,有时候误触了el-dialog的遮罩层就关闭弹窗了,导致辛辛苦苦填入的数据被清空重置。所以需要阻止弹窗遮罩层的关闭事件。下面针
一、使用场景点击button弹出弹框,弹框是一个自定义组件「child.vue」二、父组件:1. 父组件使用 v-model 传值给子组件// parent.vue //<template><!-- 按钮 --><el-button @click="addMenu('new')">打开弹框</el-button><!-- 自定义组件,下面这两种
下载Blod文件,导出处理文件流,下载文件,前端导出文件
修改element组件样式element组件样式无法修改修改element组件默认样式
看看proxy和reflect的相通点和不同点,你会更加透彻!
1、父组件获取子组件data数据和子组件方法。<template><!-- 父组件 --><div class="box" style="margin:20px"><child ref="childData"></child></div></template><script>import child f
js
待写
1,两个文件,一个rain.vue,一个water.js; rain.vue引用了water.js的类//water.jsexport class Water{constructor(){this.name = "bob"}destory(){return 6;}}//rain.vue<template><div><button @click = 'water.
es6常见面试题汇总
H5原生获取当前经纬度的方法是不是都不准呢,以前遇到个需求,需要拿到当前经纬度获取附近店铺,项目又是原生的,网上找的方法获取的经纬度不但不兼容还相差很大,是不是很头疼,直接看我怎么实现的1.第一步:创建一个div元素,用来承载地图的,当然你项目中如果不需要显示地图,你可以把该元素隐藏,我这里是不需要显示地图的,所以我给隐藏了第二步:引入高德的js包,这里需要高德的key,小伙伴可以去高德开放API
mounted(){this.getMapperUnit('',(data) =>{console.log(data);})}methods:{async getMapperUnit(stationId, displayName,callback){var unit = "" ;awaitthis.$http({url: this.$http.adornUrl(`/dataview/ecol
core-js 错误处理, vue 项目初始化
1.创建个vuex项目1.1在终端输入vue ui1.2.在浏览器打开ui页面,点击Vue项目管理处创建步骤和要求跟创建vue项目大致一样点击1处,找文件位置确定要将项目建在哪个文件,然后就进行第三步这里就只填写项目名就可以了,其他就默认,填完项目名就直接下一步了选择手动选择完就下一步**2.项目实施**2.1删掉不必要的代码(app.vue里面的一些代码,删掉view文件夹,删掉componen
1,promise.all 异常处理/**通常处理多个请求的时候我们会用Promise.all()方法。该方法指当所有在可迭代参数中的 promises 已完成,或者第一个传递的 promise(指 reject)失败时,返回 promise。但是当其中任何一个被拒绝的话。主Promise.all([..])就会立即被拒绝,并丢弃来自其他所有promis的全部结果。*/var p1 = Promi
function build() {let wenzhen = window.external.接口函数();let listtijian = JSON.parse(wenzhen);return listtijian;}window.external.myfunc()来调用浏览器提供的外部方法myfunc。可以让网页内的js脚本中能调用C++代码。用vue写在vue的外...
ExcelJS简介ExcelJS可以读取,操作并写入电子表格数据和样式到 XLSX 和 JSON 文件安装(本文以在vue框架中使用为例)npm install exceljs file-saver -S导入import Excel from "exceljs";import * as FileSaver from "file-saver";//用于客户端读写数据使用示例HTML标签<but
需求最近在写项目,跟后端 讨论token刷新方案:前端登录后,后端返回token和refreshToken有效时间,当token过期时要求用refreshToken去获取新的token,前端需要做到无痛刷新token,即请求刷新token时要做到用户无感知。分析前端登录后会返回 token 和refreshToken。token30分钟过期 refreshToken一天过期,利用这个时间差就可以做
es6
——es6
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net