![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue element template 的系统管理
文章平均质量分 87
基于vue element template 的系统管理
树根朽木
这个作者很懒,什么都没留下…
展开
-
[转](16条消息) uni-app 人脸识别分析及实现(前端) + nvue开发源码(转载请删除括号里的内容)
人脸识别1、前言和思路 2、打开摄像头 2.1、使用camera组件进行,借用.createCameraContext()对象来打开摄像头 2.2、通过livePusher对象(直播推流技术)实现视频预览和截屏 3、使用nvue来开发人脸识别 3.1、效果图 3.2、代码 4、使用微信小程序开发人脸识别 5 nvue的背景图片1、前言和思路app开发一个人脸识别,实现刷脸功能首先要考虑的是实现流程:1、 打开...转载 2021-06-07 16:25:32 · 1181 阅读 · 0 评论 -
element ui 开发中遇到的问题
1.NavMenu组件index 唯一标志 string/null — null 2.router-link中router-link里面不能放东西的,样式问题,比a标签还严重第二次解决方法3.常开常闭的问题template 中有这个,他就会保证每次都是将这个关闭在admin中就是没有这个的东西4.关于只渲染局部,但是希望全局刷新的https://www.cnblogs.com/jialikesensi/p/133...原创 2020-07-24 06:21:37 · 219 阅读 · 0 评论 -
SidebarItem.vue 组件详解
1.判断子组件第一个template:没有子路由的组件第二个el-submenu 有子路由的hasOneshowingChild详解四个条件,其中onlyOnechild 是在那里设置的,onShowingchildrenitem.alwaysShow 渲染app-link标签...原创 2020-07-24 06:21:31 · 10258 阅读 · 3 评论 -
[转]CSS实现遮罩层
<div id="main"> <button @click="open">open</button> <div class="box" v-if="vm.dialogShow"> <div id="dialog" style="margin-left: 50px" @click="close">close</div> </div></div>data(){ .转载 2020-07-22 15:17:55 · 195 阅读 · 0 评论 -
[转]vue-cli中组件自己嵌套自己
其实不难,确切说很简单,先看一下官网中的name作用name 类型:string 限制:只有作为组件选项时起作用。 详细: 允许组件模板递归地调用自身。注意,组件在全局用Vue.component()注册时,全局 ID 自动作为组件的 name。 指定name选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外,当在有vue-devtools,未命名组件将显示成<AnonymousComponent>,这很没有语义。通过提供name...转载 2020-07-21 14:41:42 · 1371 阅读 · 0 评论 -
[转]react suspense的认识和了解(转载请删除括号里的内容)
react suspense的认识和了解 react suspense见名知意 后续版本相关 技术背景 解决的问题或者说一些使用场景 当然凡事都有两面性 code splitting async data fetching(还在生产中) make app more "performant with a better user experience(使用一种用户友好的方式使你的app性能更好) 相关链接 react suspense...转载 2020-07-18 11:05:18 · 238 阅读 · 0 评论 -
[转]【CSS】margin:0 auto;——使用条件/应用场景/不生效无效果的原因
margin:0 auto;在不同场景下生效条件如下: 块级元素:给定要居中的块级元素的宽度。 行内元素:①设置display:block;②给定要居中的行内元素的宽度。(行内元素设置成块级元素后可以对其宽高进行设置) 行内块元素:设置display:block。(如input、button、img等元素,自带宽度可以不用设置其宽度)注: ①可以通过对块级元素设置 text-align:center;的方式来实现内联元素(如文...转载 2020-07-16 11:09:57 · 303 阅读 · 0 评论 -
Vue element template 二次开发中遇到的问题
1.在处理 与数据库的交互中,一定要注意resolve出现的情况,往往就是一直处于刷新状态,因为你没有resolve.同时有时候,你还会翻下和我一样的错误这里我用了两个then来解析,但是实际上 ,如果代码不打包他是正常的运行,但是你用脚手架打包的时候,他会出现和一开始我说的那种情况.这时候,从数据库引用的数据就不应该和Vuex 和权限管理绑定,而是在经过权限验证后,直接从数据库加载.这里的问题就是异步问题,我们知道,数据库的操作都是异步的,axios是基于promise风格的.原创 2020-07-16 09:54:49 · 851 阅读 · 0 评论 -
Vue 基于动态路由生成动态页面
1.首先在开始之前,我们要试试Vue router 支不支持动态加载.经过测试Vuex 里面支持这个,也就是意味着,这是可以从后台被加载的,这种数据.那么夜意味着我们可以动态生成路由.动态生成路由,就是异维着我们需要,动态生成Vue 页面.我们在一开始使用html的时候,使用过Vue.component.那么我们面临两个问题.1.页面怎么生成.2.但是路由怎么请求第一个问题,两种解决问题的方法,第一种就是,我们写一个模板,然后,我么在固定的位置,渲染固定的..原创 2020-07-10 12:35:04 · 5059 阅读 · 0 评论 -
element 树型控件
1.可选择 show-check2.懒加载 load 加载子树数据,仅当lazy 属性为true是生效3.default- 默认干什么4.禁用状态 disabled5.node 每个书节点用来作为唯一标志的属性 需要我们ref8.通过key 来设置[],如果给的是普通的数字,那么就显示这个数组的第三个,如果是相应的,那么一样数据的全部会被选中.9.树节点的渲染函数render-content10.节点过滤11.手风琴模式12.拖拽...原创 2020-07-09 17:00:00 · 199 阅读 · 0 评论 -
element ui 编辑更新
编辑更新的问题在于,如何获取scoped.row 给弹窗,我查看了一下vue elemnt admin 的源码,然后我总结了一下,其实我们可以利用深度拷贝,也同样可以利用引用对象的引用.那么我们就是在修改这块内存地址,而不是在修改变量.在table 一行内获取编辑的时候,使用外层变量保存,然后,我们等到conform的时候,就是复制即可.那么引用的这块地址就会被替换.但是scope 应该也是引用着 这些的数据,所以才能够完成引用替换.不然是替换不了的.最后,我们将temp置空就好了....原创 2020-07-09 16:28:01 · 219 阅读 · 0 评论 -
[转]vue+elementUI组件table实现前端分页功能(转载请删除括号里的内容)
前端分页和后端分页就是请求的差异,前端分页的话只请求一次,所以要在render table组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" //不多解释再就是设置分页器total等于table数据的长度:total="tableData.length"点击分页器的操作methods: { handleSizeChange(val) { ..转载 2020-07-09 13:40:18 · 238 阅读 · 0 评论 -
Vue ref 的使用
ref 引用tree原创 2020-07-09 10:08:16 · 100 阅读 · 0 评论 -
Tagviews 详细查看
他是用router-link 来解决这个问题的.原创 2020-07-08 20:23:46 · 256 阅读 · 0 评论 -
关于从数据库读取来的数据,怎么引入Vue 组件
之前的我的数据一直是用过VUEX ,但是我发现,如果每一次去获取里面的数据,vuex 的state 并没有保存,页面一刷新,内存就清空,导致当前页面恢复到原来的样子.下面提供一些解决的方案.https://blog.csdn.net/qq_44454898/article/details/107005602]我喜欢研究 Vue element admin中的一些写法,然后获取一些想法.在创建的时候,将一些数据库加载的数据直接请求....原创 2020-07-08 20:10:53 · 1948 阅读 · 0 评论 -
[转]Vuex数据的长久保存数据(转载请删除括号里的内容)
1.因为Vuex里的数据是保存在内存中的,这就面临一个问题:页面一刷新,内存就清空,导致当前页面恢复到原来的样子。那么怎么让数据长久的保存呢?我们可以把数据保存在localstorage中,手动保存localstorage太过复杂,我们可以借用插件vuex-persistedstate。2.vuex-persistedstate安装: npm install --savavuex-persistedstate3.在vuex的index.js文件中导入此插件。4.在vuex实例中写入:p.转载 2020-07-08 19:55:43 · 274 阅读 · 0 评论 -
关于 vue element admin 添加路由不显示,以及在AppMain中显示
把它放在同级,并且添加 hidden :true需要放在同一个级别,不然无法显示如果上一级请求了component的话,在下一级就需要,可能就会显示父级的而不是自己的组件.这样会导致一些其他的问题....原创 2020-07-08 10:34:37 · 1938 阅读 · 1 评论 -
[转]Vue在页面数据渲染完成之后调用(转载请删除括号里的内容)
在使用Vue框架的时候,有时候需要在Vue在页面数据渲染完成之后调用方法,不然获取不到准确的数据,特别是在获取列表的高度的时候,由于数据没有加载完,获取不到准确的高度。之前在使用jquery的时候,有ready可以帮助我们实现,但是Vue不存在此类方法,我们需要结合watch和this.$nextTick()来实现。nextTick:在下次 DOM 更新循环结束之后执行延迟回调。watch:用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。之前我是这样子使用nextTi转载 2020-07-07 17:44:29 · 458 阅读 · 0 评论 -
vue element admin侧栏生成,如何隐藏
在siderbar/idnex.vue中,这里传进去了数据,所以我们在这里设置相应的数据.最好用递归删除.这里我就不详写了.原创 2020-07-07 16:45:12 · 1715 阅读 · 0 评论 -
关于Vuex 存取异步的解决
当我们开发的时候,我们面临两个问题1.getter 的获取的数据无法与data的数据相互结合2.异步存取的问题.面对第一个问题面对第二个问题.我一开始是把getlist 写在里面的,就导致,他的读取比正常的慢了....原创 2020-07-07 13:57:02 · 875 阅读 · 0 评论 -
element ui table 在同一列,使用不同的元素
在同一列,使用不同的元素最大的问题在于 template 会吃掉这些东西,我们知道slot的原理,既然template给了scope,那么我们就用这个来渲染文本节点,而本身,它也是就是文本节点,一样的,它吃掉,我们再加上去....原创 2020-07-06 16:38:43 · 751 阅读 · 0 评论 -
Vue element template 的mock详解
1.将cooike方法变成session和localstorage// 游览器储存tokenconst TokenKey = 'vue_admin_template_token'const myStorage = window.localStorageexport function getToken() { if (myStorage) { return localStorage.getItem(TokenKey) } else { return sessionStora原创 2020-07-06 16:32:10 · 640 阅读 · 0 评论 -
[转]小程序开发之组件ad(广告)(转载请删除括号里的内容)
ad广告。目前暂时以邀请制开放申请,请留意后续模板消息的通知注1:监听到error回调后,开发者可以针对性的处理,比如隐藏广告组件的父容器,以保证用户体验,但不要移除广告组件,否则将无法收到bindload的回调。错误码信息与解决方案表错误码是通过binderror回调获取到的错误信息。注意目前可以给 ad 标签设置 wxss 样式调整广告宽度,以使广告与页面更融洽,但请遵循小程序流量主应用规范 在无广告展示时,ad 标签不会占用高度 ad 组件不支持触发 bindtap 等...原创 2020-07-05 18:09:30 · 616 阅读 · 0 评论 -
阿里云开启HTTPS
首先下载,下载后输入密码注册https://keymanager.org/进入这个网站进行配置域名https://freessl.cn/按照他的步骤下来然后在阿里云的域名解析哪里添加相应的值https://myssl.com/https_reports.html是检查域名的当你开启了ssl后,其他的相应的端口地址都是需要做出相应的改变....原创 2020-07-03 15:23:03 · 338 阅读 · 0 评论 -
小程序 事件详解
1.普通的wxs 事件绑定2.阻止事件冒泡关于事件阻止,就是他会在catchtap 之后阻止事件互斥捕获阶段位于冒泡阶段之前,且在捕获阶段中,事件到达节点的顺序与冒泡阶段恰好相反。需要在捕获阶段监听事件时dataset...原创 2020-07-02 20:29:42 · 140 阅读 · 0 评论 -
bootstrap gutter 详解
1.首先 gutter 是针对的是padding 他是grid 的封装当我们一拿到这样的代码的时候,在row里面,我们一定会存在一些的疑问,那就是这是啥。px-lg-2 这是什么 mx-lg-2这是什么。1.p对应的是padding2.m对应的是marginx和y 分辨对应是左右 上下 不同dom的设置对应它自己,lg 就是视图的大小目前对于5.0中的g*开头的,4.5中是没有的详细的教程请查看https://www.orchome.com/...原创 2020-07-02 11:49:10 · 3080 阅读 · 0 评论 -
1.非系统问题解决
1.关于vuex 与data的数据交互两种解决方案1.使用watch来观察,但是很多的时候,它没有更新就会出现新的bug2.使用import 直接来导入,而且在更新后强行刷新一波2.table的两种绑定值1.<template slot-scope="scope">{{ scope.row.date }}</template>2.prop...原创 2020-07-01 20:10:30 · 158 阅读 · 0 评论 -
element ui 自动生成数据库表
原创 2020-07-01 20:09:33 · 555 阅读 · 0 评论 -
[转]JSON对象使用变量作为键名(转载请删除括号里的内容)
第一种方式 var key = 'name'; var json = {}; json[key] = 'zhangshan'; console.log(json.name);第二种方式 var key = 'name'; var json = { [key]: 'zhangshan' }; console.log(json.name);---------------------作者:lihefei_coder来源:CSDN原文:https://blog...转载 2020-07-01 15:39:44 · 376 阅读 · 0 评论