- 博客(212)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 jeecg-boot /antd 解决You cannot set a form field before rendering a field associated with the value问题
问题描述 You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options) instead v-decorator="[id, options]" to register it before render.出现场景在用ant-design-vue的框架中，使用到了这种场景，就是点击编辑按钮，弹出modal模态框，渲.
2020-09-04 20:04:53
1290
原创 jeecg-boot 前端在封装好的代码里新增的时候传递 请求到的 参数
前言定义一个字段用于存储数据 data() { return { companyIdOrg: '', // <--------在该页面书写请求方法 firName() { let that = this var orgcode = store.getters.userInfo.orgCode getAction(that.url.getsys, { org: orgcode }).then((res) =.
2020-08-30 22:38:10
3355
原创 jeecg-boot 的 j-editable-table表格框添加 slot 插槽
前景提要j-editable-table 是 jeecg-boot 封装好的内容，根据 colums 的内容进行展示，那么如何在这个展示的过程中替换掉某个内容换成我想显示的内容呢？将 colums 里面某个内容进行修改//原内容{ title: '项目名称', key: 'projectName', type: FormTypes.select, dictCode: 'annual_Environmental_Projects', width: '210px', .
2020-08-28 17:45:23
8813
6
原创 jeecg-boot 前端添加部门选择
引入部门选择组件官方说明文档 http://doc.jeecg.com/1273915import JSelectDepart from '@/components/jeecgbiz/JSelectDepart' //选中的部门export default { components: { JSelectDepart, //<----------------添加这个组件 },template 书写标签<a-form-item label="部门选..
2020-08-28 17:09:43
2251
原创 jeecg-boot 前端设置 input 输入框只能输入数字
背景描述让其只能数字现在代码展示{ title: '项目投资（万）', key: 'projectInvestment', type: FormTypes.input, width: '200px', placeholder: '请输入${title}', defaultValue: '', validateRules: [{ required: true, message: '${title}不能为空' }],},修改方法input 改为 input.
2020-08-27 10:41:00
4219
原创 jeecg-boot 前端解决下拉字典第一次点击不出现的问题
问题描述代码展示：解决方法第一步：获取字典（写在 methods 里面） methods: { initDictConfig() { //获取字典 你的字典名称 ⬇⬇⬇⬇ initDictOptions('hb_examine_daily_sub').then((res) => { if (res.success) { this.sexDictOptions = res.result .
2020-08-27 10:08:15
3626
原创 jeecg-boot 前端按钮权限配置（谁能看到该按钮或看不到）
前言可以参考 https://www.kancloud.cn/zhangdaiscott/jeecg-boot/1607184给你要是否显示的按钮添加一个标识jeecg-boot能够通过该标识来识别该按钮v-has="'cont:newUp'" //最好加上 : 来作为标识案例展示： <a-button @click="handleAdd" type="primary" v-has="'cont:newUp'" icon="plus">新增</a-button&.
2020-08-24 22:24:06
5389
1
原创 Jeecg-Boot 修改 table 里面的样式
前景提要table 里面的数据是根据 data() 里面的数据直接显示在界面上的，那么如何在其展示的过程中修改其样式呢？html：script:修改方法：使用插槽第一步：给插槽将该列的数据传递过去第二步:使用对应的插槽展示接收到的数据，在此过程中改变样式...
2020-08-22 18:01:55
4630
1
原创 Jeecg-Boot 中调用后台传递的接口
前后台对接使用后台给的接口（都是在同一个界面下进行）该界面为后台生成好的初始代码界面引入 请求方法import { getAction, postAction } from '../../../api/manage'2. 配置被引用的地址3. 书写调用接口的方法进行某些操作调用到该方法...
2020-08-22 17:40:06
11482
3
原创 Jeecg-Boot 将 table 中的数据按照时间进行排序
位置打开后台生成后发给前端的代码，找到 data()找到数据对应的位置排序sorter: (a, b) => { return a.createTime.localeCompare(b.createTime)},//注意`a,b` 不要动，为你的得到的数据`createTime` 为你得到数据里面存储时间的字段名称（重点 将其换为你的）...
2020-08-22 17:22:45
2621
转载 微信小程序的路由
wx.switchTab(Object object) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.reLaunch(Object object) 关闭所有页面，打开到应用内的某个页面wx.redirectTo(Object object) 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面wx.navigateTo(Object object) 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBa.
2020-07-29 21:53:13
244
原创 微信小程序页面生命周期
完整生命周期//生命周期--------------------------------------------------------------- onLoad: function (options) {}, //监听页面加载 //一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数 onReady: function () {}, //监听页面初次渲染完成 //一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交.
2020-07-29 21:40:32
364
原创 vue 解决跨域的问题 2.x与 3.x版本
2.x打开config/index.js在proxyTable中添写如下代码:proxyTable: { '/api': { //使用 "/api" 来代替 "http://xxx" target: 'http://www.baidu.com',//源地址 changeOrigin: true, //改变源 pathRewrite: { '^/api': '' //路径重写 //'^/api': 'http://.
2020-07-29 21:15:42
332
原创 vue 中 数据请求的几种方式
使用第三方ajax封装成 promise习惯的库vue-resourceaxios访问本地 json ------------- vue-resource// axios({ //第三方的axios this.$http({ //把axios绑定到Vue的原型 url: './data/user.json' }).then( res => console.log('maxios res', res) ).catch( err => c.
2020-07-29 20:47:55
1055
原创 微信小程序 富文本 editor 初始化时设置默认值（亲测有效）
前提你已经布置好初始化内容（就是已经显示富文本了）找打初始化时执行的事件在你放富文本的 wxml 里面<view class="container" style="height:{{editorHeight}}px;"> //下面本来是一行，为了观看换为多行 <editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="o
2020-07-24 20:44:18
5082
原创 前端 mvc、mvvm、mvp结构
mvcMVC思想----》MVC框架M:模型（Model）就是数据V:视图（View）前端展示（用户可以看到的界面）C:控制器(Controller) 就是负责触发和接受数据的传递mvvmM:Model模型 数据V：View 视图 用户可以看见的界面VM：ViewModel 视图模型 就是视图和模型之前的桥梁mvpM：model数据V：View视图P：Presenter表示器 负责M与V之前近的简介交互...
2020-07-24 16:55:56
186
原创 面简
如何进行异步请求ajaxpromisejsonpgeneratorasyncaxios 通过什么进行异步请求？因为vue.js中没有内置任何ajax请求方法，所以需要借助第三方资源库在发送ajax请求。axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中特性：1. 从浏览器中创建 XMLHttpRequests2. 从 node.js 创建 http 请求3. 支持 Promise API4. 拦截请求和响应5. ..
2020-07-24 15:46:06
243
1
原创 web前端面试总结 +1
如何定义一个全局实例 ----- 相关文章Vue.prototype.$xxx 定义this.$xxx 使用补：$ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突axios 拦截器...
2020-07-23 09:05:23
160
原创 vue 定义一个全局实例 Vue.prototype
定义 与 使用定义：Vue.prototype.$appName = 'My App'使用：this.$appName （任何地方）介绍 ---------- 来自官方文档使用场景：你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用Vue.prototype.$appName = 'My App'这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行：n.
2020-07-22 17:18:57
3449
原创 vue 生命周期钩子函数
介绍四个阶段created 创建mounted 挂载(加载)updated 更新Destroy 销毁上面的四个阶段，每个阶段分为开始前和开始后，这样就衍生出了8个方法：beforeCreate() 组件实例刚刚被创建 (el 和 data 并未初始 化)created() 组件创建完成,属性已绑定,但 DOM 还未生成,$el 属性还不存在(完成 data 数据的初始化)beforeMount() 模板编译.
2020-07-22 17:03:19
262
原创 vue 自定义指令 directives 及其常用钩子函数
说明除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令使用的地方：有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令钩子函数inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。update: 所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能.
2020-07-22 11:28:34
2817
原创 web前端 面试总结 +2
注：补充内容无需回答vue 中自定义事件父组件使用props传递数据给子组件，子组件通过自定义事件通过跟父组件使用$on监听事件使用$emit 触发事件补：Vue自定义事件是为组件间通信设计，自定义事件提供$on、$off、$once、$emit、$broadcast、$dispatch 几个 api双向数据绑定的原理是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布
2020-07-21 13:06:25
153
原创 vue 插槽 slot （匿名 / 具名 / 作用域插槽）
vue当中的插槽，指的即是slot，是组件当中的一块HTML模板。该模板是否显示，以及如何显示由其父组件说了算。插槽显示的位置是由子组件决定 ，你将slot写在组件template的哪块，父组件传过来的模板将来就显示在哪块匿名插槽不用设置名字 name ，所以叫匿名插槽将 子组件元素包裹的数据传递给子元素又叫 默认插槽// 父组件----------------------------------------------------<template> &l..
2020-07-18 10:49:12
660
原创 react 短时间内多次修改 state 的值，只执行最后一次解决方案
说明短时间内多次执行重复修改后调用的 setState() 将覆盖同一周期内先调用 setState 的值this.state ={ count:0}---------------------------------------------------this.setState({ count:this.state.count+1 // 1})this.setState({ count:this.state.count+1 //2})this.se..
2020-07-17 21:04:15
3228
原创 react 路由实现懒加载 react-loadable
说明默认内部会将所有的路由组件打包成一个非常大的 js 文件，然后将其引入到首页里面去加载，那么首页加载的文件过于庞大，可能会出现长时间的白屏，用户体验差小项目体现不明显，随着项目也来越来就越明显采用路由懒加载的方式来去解决首页加载用时常的问题，路由可以随用随载有一个非常好用的模块 react-loadable可以帮助我们解决问题介绍官方地址 你需要使用什么就加载什么模块加载过的不会重复再次加载浪费资源在引入模块的时候书写该模块下载 react-loadable.
2020-07-17 20:43:52
1852
原创 react Ant Design 中 craco 配置 及 装饰器的配置
官方文档 查阅下载安装yarn add antd 安装 antdyarn add @craco/craco 安装 cracoyarn add craco-less 下载 less ，支持 less 格式文件yarn add @babel/plugin-proposal-decorators 下载支持装饰器使用的模块package.json 中修改属性 "scripts": { "start": "craco start", "build": ".
2020-07-17 11:35:22
5117
1
原创 js 操作 cookie
设置cookie设置 cookie <script> let cookName = 'name' let cookValue = '张三' document.cookie = cookName+"="+cookValue </script>设置 带有过期时间的 cookie <script> let cookName = 'name' let .
2020-07-16 20:54:12
179
原创 react 路由 编程式导航跳转 只有一个小组件没有 Route， 获取不到相关 api，如何跳转？（react-router-dom / push / withRouter）
前言声明式导航：<Route path='/Web' component={Web}></Route>直接于react 自带的 Route 中跳转编程式导航：this.props.history.push("/home")采用 js 的形式进行跳转编程式导航包括：1 push props.history.push('/singer') //跳转目标2 replace props.history.replace({pa.
2020-07-16 20:47:54
565
1
原创 react 路由跳转 / react-router-dom 使用
react 核心包react-router 核心组件react-router-dom 应用于浏览器端的路由库（）react-router-nativereact-router-config
2020-07-16 19:42:06
2488
原创 react 路由react-router跳转 / react-router-dom 参数的传递
文档gitHub介绍网址react-router 官网react-router 中文文档一旦通过Route组件的component属性指明的组件，那么这个路由组件上面就会有路由相关的apilocationhistorymatch<Route path="/java/a" component={JavaList}></Route>在路由跳转的时候传递参数//传参<Route path='/Java' render={()=>.
2020-07-16 19:40:25
1627
原创 react redux无法异步请求的问题（redux中间键 redux-thunk）
概述redux 里面 action 是无法进行异步操作的这时我们就需要用到 redux 中间键来增强 action，使其能够执行 异步redux -thunk 官方介绍（英文）redux -thunk 介绍 ------ 来自搜索文章下载 redux-thunkyarn add redux-thunk引入 redux-thunk//store/index.jsimport { createStore,applyMiddleware } from 'redux'; .
2020-07-16 11:55:13
646
原创 react redux 大体架构的搭建
下载npm install --save redux 或者 yarn add redux ：安装 reduxnpm install --save react-redux 或者 yarn add react-redux React 绑定库和开发者工具(Reducer优化)创建目录书写仓库//store/index.jsimport { createStore } from 'redux';import reducer from "./reducer"cons..
2020-07-15 19:54:47
300
原创 react-redux 的使用 （偏实战）
前景提要需要使用 provider 将 store 数据给 容器组件需要使用 connect()用于连接容器组件和UI组件本文是在你已经将 store 骨架搭建完毕的情况下进行的 -----没有可点击此处参考UI组件只负责 UI 的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供不使用任何 Redux 的 API容器组件负责管理数据和业务逻辑，不负责 UI 的呈现带有内部状态使用 Redux 的 API.
2020-07-15 18:02:07
242
原创 react redux 的 Reducer 拆分 / 优化
前景提要我们的数据放在 store 里面，但是对传递过来的数据进行处理放在 reducers 里面reducers 里面的代码处理方式肯定不少这样就造成了代码看起来较为复杂，难以修改下载 redux 自带的管理工具npm install --save react-redux 或者 yarn add react-redux点击查看官方介绍思路比如我有一个功能是实现信息添加的那我就把请求 action、数据管理 Reducer 都放到一个文件夹下面然后把新..
2020-07-15 11:53:52
675
原创 react redux通过输入框获取数据并添加
前景提要如果您对redux 不了解 ------ 点击此处如果您对redux 如何渲染到页面不了解 ------ 点击此处本文是在您已经了解如何渲染到页面的前提下进行的视图层展示：希望实现的效果：通过 回车键向 store 中添加数据并实时渲染出来视图层发起请求//父页面下的子页面，这里只是一个 input 框，数据展示在另一个子组件里面import React, { Component } from 'react'import actionCreators f.
2020-07-14 21:30:53
801
原创 react redux中获取 store 数据并将数据渲染出来
前景提要如果不了解基础的话 ----- 点击此处本文着重实现效果，不会讲太多原理问题创建 仓库骨架并书写初始代码src 目录下创建//store/index.js 代码import { createStore } from 'redux';import reducer from "./reducer"const store = createStore(reducer);export default store//store/reducer.jsconst redu.
2020-07-14 20:21:46
5254
原创 react redux的 原理 以及 基础使用
介绍为什么会使用 redux？vue 是一个 MVVM层，可以实现 双向数据绑定，而 react 只能算一个 view 层，状态改变了只有去调用setState({xxx}) 才能去修改视图，当我们数据很复杂的时候可能需要用到 redux什么时候使用 redux？...
2020-07-14 17:11:01
366
原创 react 中 props 属性的验证
使用之前的准备 ---------- 官方网站引入 prop-typesimport PropTypes from 'prop-types';设置属性验证（书写方法）格式：// 方法一组件名.propTypes = { name: PropTypes.string};//方法二static propsTypes = { num:propsTypes.number}代码展示：// 方法一import PropTypes from 'prop-types';.
2020-07-14 12:07:17
629
原创 react 中 props 设置默认属性
props 的默认属性当你外部没有给该组件的传递属性的时候使用仍然使用 this.props.xxx 接收本组件默认的参数defaultPropsstatic defaultProps = { //写法一（在组件的里面） num:"这是默认的，并没有父组件给该组件传值"}App.defaultProps = { //写法二（在 组件的外面） num:"这是默认的属性，并不是父组件传递的"}案例展示：//写法一import React,.
2020-07-14 11:42:43
1008
JSON Web Token （前端与后端对话密钥生成文件）
2020-06-28
robo3t-window64.zip
2020-06-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人