![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
散装java
一线搬砖工,分享各种搬砖技巧,全网同名,希望我们都有一个美好的未来
展开
-
antd <a-form>中 使用component,组件变动后,绑定出现异常 Cannot read property ‘filter‘ of undefined,v-decorator无法正确绑定
antd from中 使用component,组件变动后,绑定出现异常 Cannot read property ‘filter’ of undefined,v-decorator无法正确绑定问题描述在使用 组件时,需要根据下来选择来展示不同的组件;但是不同的组件在切换的时候,其赋值回调渲染 form的时候,出现了异常 Cannot read property ‘filter’ of undefined ; 并且组件的v-decorator ,无法正确的绑定根据红框1的下拉选择,来切换红框2的组件原创 2022-01-29 14:12:59 · 1832 阅读 · 0 评论 -
vue Unknown custom element: <s-tabs> - did you register the component correctly?For recursive compon
Unknown custom element: - did you register the component correctly?问题描述Unknown custom element: - did you register the component correctly?For recursive components, make sure to provide the “name” option;未知的自定义元素: -你是否正确注册了组件?对于递归组件,请确保提供“name”选项。在进原创 2021-03-25 14:49:11 · 1138 阅读 · 0 评论 -
antd vue 中 关于骨架屏 skeleton 中嵌套form 出现表单内容无法渲染问题
antd vue 中 关于骨架屏 skeleton 中嵌套form 出现表单内容无法渲染问题问题描述根据官方文档,在使用骨架得时候,内部嵌套得表单,其实目的是为了实现,预加载得时候,loading得效果,数据加载完成之后,在显示,但是如此写法,数据无法渲染,甚至还有些调皮得警告Warning: You cannot set a form field before rendering a field associated with the value.问题分析出现以上问题有两点,原创 2020-12-23 15:43:02 · 1166 阅读 · 1 评论 -
js中 == 和 === 以及!!的不同和作用
js中 == 和 === 以及!!的不同和作用问题描述在写前后端交互的项目时,数据库中经常会存储类似 1,2,3来存储一个数据的状态,这时作为字段的映射,有些人会用String类型,也有人会使用Integer这其中的区别就是,前端接收的时候,String —> ‘1’Integer —> 1这样试用 === 判断就会要考虑类型相同,如下但是如果你试用 == 结果就会不一样分析== 先转换类型再比较=== 先判断类型,如果不是同一类型直接为false! =原创 2020-10-13 16:52:09 · 210 阅读 · 0 评论 -
antd vue根据条件(权限)控制table显示得列
antd vue根据(条件)权限控制table显示得列问题描述在实际开发得时候,前端往往需要控制权限,这里我们不讨论如何去实现权限,只说明,如何通过权限或者其他得条件控制表格展示列,即根据每个用户不同,在同一个table里,看到列不同问题分析首先目前,官方还没给出隐藏列得api,这里我得思路是,动态得变更列头数组columns,注意,这里使用字定义表头(slot)暂时无法实现。问题解决初始化得时候,只需要控制应该展示那些列就好列数据如下columns: [ {原创 2020-09-23 11:16:23 · 5978 阅读 · 1 评论 -
boot + vue 项目启动后,无错误,无法登录,控制台输出Starting without optional kqueue library
boot + vue 项目启动后,无错误,无法登录,控制台Starting without optional epoll library、Starting without optional kqueue library问题描述在启动了一个boot + vue 前后端分离得项目后,启动不报错,在pc端输入账号密码后,后台无反应,无法登录,不报错,确定端口都正确,控制台输出如下2020-09-13 15:00:16 | INFO | http-nio-8081-exec-1 | org.apache原创 2020-09-13 15:16:55 · 16060 阅读 · 10 评论 -
antd vue 中表格得customRender渲染中使用过滤器filters
antd vue 中表格得customRender渲染中使用过滤器filters问题描述在业务开发中,有时候对于时间处理,可能不是全部都要时分秒得显示,这里我使用vue得过滤器,然后就出现一个毛病,我是在表头定义得时候,直接使用得customRender渲染得,普通得过滤器是通过 | 来实现,那么这里怎么处理呢问题解决使用-> this.$options.filters.过滤器名字(参数)代码全局定义过滤器 import Vue from 'vue' import mo原创 2020-09-07 17:31:17 · 7727 阅读 · 1 评论 -
vue 表单中使用 v-decorator 绑定 switch `value` is not validate prop, do you mean `checked`
vue 表单中使用 v-decorator 绑定 switch问题描述warning.js?2149:7 Warning: [antdv: Switch] value is not validate prop, do you mean checked?这样一个异常,是因为没有指定valuePropName属性,然后指定了之后,表单中的switch却没有一个默认的值,所以加上initialValue 这样就可以了,默认打开就是true,关闭就是false代码如下! <a-原创 2020-08-28 16:30:31 · 5268 阅读 · 0 评论 -
vue的 data 文本 中使用换行 \n
vue的 data 文本 中使用换行 \n问题描述想要在vue的data里面定义一行文本,其中设计到换行,但是直接使用 \n 不好用,想要实现的样子解决使用css 样式 white-space: pre-wrap;代码 <view class="msg"> {{ message }} </view> data() { return { message: ' \n 预约成功 \n \n 1-3个工作日会原创 2020-08-09 11:56:55 · 3643 阅读 · 1 评论 -
antd vue 表单 You cannot set a form field before rendering a field
antd使用form 表单,出现警告 You cannot set a form field before rendering a field associated with the valuebug样子warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options)原创 2020-07-29 15:47:53 · 3143 阅读 · 3 评论 -
vue 计算属性 接收参数 返回处理后的结果
vue 中计算属性,接收参数,返回处理结果问题描述需要对数组对象中的某个参数做处理,使用计算属性代码计算属性写法 computed: { // 构建图片 build() { // 这个data就是传入的参数,这里是箭头表达式的写法 return data => buildImgUrlList(data.serveTitleImg); } },使用, build直接用,item就是入参,最终是return 返回的参数在:src参数下<原创 2020-07-22 21:43:09 · 2649 阅读 · 1 评论 -
antd vue中,在form表单中的自定义组件使用v-decorator
antd vue中,在form表单中的自定义组件使用v-decorator问题描述项目需要,在表单中上传图片,所以要自己定以一个上传图片的组件,直接在from中使用,但是普通的自定义组件无法使用表单的v-decorator。分析转自官方的一段话this.form.getFieldDecorator(id, options) 和 v-decorator="[id, options]"经过 getFieldDecorator或v-decorator 包装的控件,表单控件会自动添加 value原创 2020-07-20 16:39:26 · 10050 阅读 · 1 评论 -
uniapp 小程序双重v-for 的key bug
uniapp 双重v-for问题描述在uniapp小程序中,在使用v-for构建双重循环的时候,出现bug,如下:VM8129:1 thirdScriptErrorCannot read property ‘2’ of undefined; [Component] Event Handler Error @ pages/appointment/index#ntTypeError: Cannot read property ‘2’ of undefined问题分析双重循环,key绑定的原创 2020-07-16 11:54:48 · 2079 阅读 · 1 评论 -
vue router 异常:Uncaught SyntaxError: Unexpected token ‘「‘
异常:Uncaught SyntaxError: Unexpected token ‘<’设置路由模式为 hash,即可export default new Router({ mode: 'hash', base: process.env.BASE_URL, scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap.concat(asyncRouterMap)})...原创 2020-07-14 11:29:39 · 4246 阅读 · 1 评论 -
anted vue中,时间区间选择框,非日期选择
anted vue中,时间区间选择框问题描述有事场景下,需要只选择一个时间区间,而不需要选择日期,这时不能使用a-range-picker,而是要使用两个a-date-picker组合实现效果演示这里只有时间选框的最底层代码,并没有添加时间哪个按钮的实现代码实现子组件myDate<template> <div> <a-r...原创 2020-03-16 17:57:28 · 812 阅读 · 0 评论 -
antd a-input-number 的基本使用
antd a-input-number 的基本使用问题说明 在项目中,经常会遇到,一个输入框只能输入数据类型数据,只能输入数据类型的正整数,或者只能输入保留两位小数的正整数,该文只为解决此问题解决方法使用antd的a-input-number组件该组件本身已经实现只能输入数值类型,此时不需要去写正则,只需使用precision参数这里详细解释precision参数p...原创 2020-03-16 17:51:52 · 21236 阅读 · 2 评论 -
文件上传 a-upload 限制文件上传类型
文件上传 a-upload 限制文件上传类型限制上传文件的类型可以通过accept字段来设置点击upload按钮时扫描到的文件,下面例子中只识别Microsoft Word文档<a-upload:headers="headers":action="url":fileList="fileList"@change="handleChange"accept=".doc,.doc...原创 2020-03-16 17:49:57 · 13032 阅读 · 4 评论 -
antd vue 文件上传实例
antd vue 文件上传实例说明该实例是后端进行文件上传至minio服务器这里仅仅是展示前端antd vue得代码限制文件类型配置查看这里<template> <a-upload :headers="headers" :action="url" :fileList="fileList" @change="handleChang...原创 2020-03-16 17:47:06 · 4050 阅读 · 1 评论 -
antd vue中 为本省略Ellipsis异常,TypeError: Cannot read property 'map' of undefined
antd vue中 为本省略Ellipsis异常,TypeError: Cannot read property ‘map’ of undefined问题描述在使用Ellipsis标签的时候,有时会出现前端异常,如下:TypeError: Cannot read property 'map' of undefined代码如下:// 前面已经引入Ellipsis组件 { ...原创 2020-03-16 17:40:02 · 1481 阅读 · 1 评论 -
人人开源项目前端添加静态路由
人人开源项目前端添加静态路由在src/views下创建自己要展示的页面在src/router/index.js中注册页面以下是部分改动代码// 主入口路由(需嵌套上左右整体布局)const mainRoutes = { path: '/', component: _import('main'), name: 'main', redirect: { name:...原创 2019-10-16 11:28:58 · 1814 阅读 · 2 评论 -
后端传过来的Long类型数值如何在VUE前端进行加法运算
后端传过来的Long类型数值如何在VUE前端进行加法运算后端传过来的long类型,不经过任何处理直接进行加法运算,vue默认为这是一个拼串的操作。//list,是后端传过来的Long的list [1,2,3]const sum;list.forEach(ls => { sum+=ls})//输出为 123const sum;list.forEach(ls => {...原创 2019-10-09 20:01:36 · 1961 阅读 · 0 评论 -
ant design vue中使用富文本vue-quill-editor
ant design vue中使用富文本vue-quill-editor在项目中使用富文本使用富文本可以存储一些带样式的文本信息(这里不谈图片,尚未解决),在获取到富文本信息时,存储到数据库要是用text类型来进行数据的存储首先再引入vue-quill-editoryarn add vue-quill-editor在项目中引入quill的css,文章最后是所需css的源代码我...原创 2019-09-19 17:23:40 · 9587 阅读 · 2 评论 -
ant vue中使用v-for循环生成下拉列表
ant vue中使用v-for循环生成下拉列表首先vue前端接收后端发过来的数组,然后在a-menu-item菜单中使用v-for进行循环遍历<a-dropdown :trigger="['click']" > <a class="ant-dropdown-link" href="#"> Click me <a-icon type="d...原创 2019-09-14 15:37:29 · 8100 阅读 · 0 评论