前端
qauzy
这个作者很懒,什么都没留下…
展开
-
【VUE】组件不刷新问题——添加属性导致的监控失效
1 问题权限菜单从后台获取,在编辑角色菜单权限时,从后台获取角色权限,根据角色权限设置菜单的勾选情况,但是发现设置完后,菜单树没有更新,而是需要手动点击展开或闭合之后才会刷新,如下图点击节点折叠展开操作后,可以看到实际需要勾选的菜单项2 问题分析按正常操作,数据更新的,View就会自动渲染,既然没有重新渲染,那么我们就可以断定要么数据没有更新,要么这种更新VUE认为不是更新(不能识别这种更新)。实际我看到数据是有被修改的,实现代码如下 // 递归判断子节点 check原创 2020-09-04 01:51:08 · 677 阅读 · 0 评论 -
iview admin vue监听键盘回车事件--Enter
1 需求列表搜索键按回车键直接搜索2 实现在表格组件增加方法 enterKey (event) { const code = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode // eslint-disable-next-line eqeqeq if (code == 13)原创 2020-08-04 15:38:33 · 903 阅读 · 0 评论 -
css3之未读消息小红点
<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> .red-point{ position: r...转载 2019-10-30 19:43:22 · 1657 阅读 · 0 评论 -
关于 HTTP 307 状态码(307 Temporary Redirect)
1 各种状态码的含义2 状态码30X规范动作301永久重定向 302临时重定向,HTTP1.0的状态码,HTTP1.1也有保留。如果client向server发送post请求。server返回URL和302。如果用户确认,client发送post请求。(但实际情况是,很多浏览器都不问问用户,直接变为get发送get请求)303临时重定向,HTTP1.1的状态码//...原创 2019-05-30 11:03:36 · 113009 阅读 · 0 评论 -
【antd】图片预览组件
1 组件官方官网:https://zmage.caldis.me/github:https://github.com/Caldis/react-zmage2 安装npm i react-zmage --save3 参数(具体参看github)配置项 类型 默认值 描述 示例 src String "" 图片 Url,与 img...原创 2018-12-23 23:55:46 · 15494 阅读 · 0 评论 -
【antd】根据后台数据动态生成表单和数据更新
具体需求是:1 根据后台数据动态生成表单项2 表单项可以编辑和增减,提交保存数据到后台大概界面如下:对于需求1,找了下基本通过map枚举,配合getFieldDecorator对于需求2,如果编辑过程中,增减表单项,将造成正在编辑的表单数据丢失的情况,如下:没找到完整的解决方案,自己摸索了下,通过onValuesChange监听所有表单改动,更新state来保存实时...原创 2018-12-16 00:05:28 · 10091 阅读 · 1 评论 -
【antd】倒计时组件
在antd pro自带倒计时组件:import React, { Component } from 'react';function fixedZero(val) { return val * 1 < 10 ? `0${val}` : val;}const initTime = props => { let lastTime = 0; let targetTi...原创 2018-11-28 22:33:38 · 6795 阅读 · 0 评论 -
antd pro 统一处理token失效
如果token失效了,后台会有一定的返回,这时前端需要处理(提示重新登录等)。在antd pro中,如果统一通过request请求的,那么可以再reques中统一处理token失效问题:/** * Requests a URL, returning a promise. * * @param {string} url The URL we want to request...原创 2018-11-19 11:47:51 · 10279 阅读 · 6 评论 -
JSON.parse()与JSON.stringify()
1 JSON.parse()【从一个字符串中解析出json对象】//定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是:name:"goatling"2 JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSON.st...转载 2018-11-06 03:54:33 · 113 阅读 · 0 评论 -
[antd] 本地调试代理配置报错 UNABLE_TO_VERIFY_LEAF_SIGNATURE
本地调试代理配置: proxy: { '/api': { target: 'https:/xxxx', changeOrigin: true, }, },报错:[HPM] Error occurred while trying to proxy request /admin/api/v1/upload from localhost:...原创 2018-11-05 17:36:59 · 8916 阅读 · 0 评论 -
ant design pro 表单默认值
调试时免去频繁输入值可以设置输入框默认值,设置initialValue: <FormItem> {getFieldDecorator('mail', {initialValue: '279277203@qq.com', rules: [ { r...原创 2018-10-28 09:45:43 · 7380 阅读 · 2 评论 -
jquery中的$("#***")和javascript中document.getElementById相互转换
一个是js对象,一个是jQuery对象互相转换:var jsObj = $("#xxx")[0];jsObj = $("#xxx").get(0);var jsObj1 = document.getElementById("xxx");var $jqueryObj = $(jsObj);原创 2016-10-10 20:40:57 · 1547 阅读 · 0 评论 -
$.ajax $.getJSON $.get $.post同步异步问题
jquery的一些请求函数默认是异步执行的,即调用不会被阻塞。这样我们要用请求的数据时,只能在回调函数里面处理。有时,我们不希望在回调函数里处理,怎么办?那就禁用这些函数的异步执行,在函数执行执行前执行如下语句: $.ajaxSettings.async = true;原创 2016-09-06 14:36:25 · 828 阅读 · 0 评论