日常问题速记

日常问题速记

日常问题及解决方案或知识点

  1. UI框架组件方法中绑定默认参数,此时传参会覆盖掉默认参数

解决方案

1
@close="(e) => {deleteNode(e ,item.id)}" // e 默认参数 item.id自定义参数

  1. 常见HTTP状态码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    export default {  
    200'请求被正确处理并返回了结果',  
    201'新增或修改数据成功',  
    202'请求已进入任务队列,被异步处理',
       203'令牌或登录状态失效',
       204'删除数据成功',  
    301'请求的资源被永久重定向到新的位置,将从新的地址重新请求',  
    302'请求的资源被临时重定向到新的位置',  
    400'请求参数错误,服务器没有对数据做新建或修改',  
    401'无访问权限,用户名、密码、令牌错误',  
    403'得到访问授权,但访问是被禁止',  
    404'访问的是不存在的资源',  
    405'请求方式不正确',  
    406'请求的数据格式不是服务接收的类型',  
    410'请求的资源被永久删除',  
    422'服务器创建对象时发生错误',  
    500'服务器不可用,未返回正确的数据',  
    502'服务器网关错误',  
    503'服务器过载或维护中',  
    504'服务器响应超时',
    }
  2. 使用UI框架的弹框组件时,index.vue中引入组件,组件的生命周期就会开始执行,但是往往这是组件处于隐藏状态,导致引用插件无法获取到dom节点而报错

案例

index.vue

1
2
3
4
5
6
7
8
 <template>
<div>
<SearchForm />
<Table />
<DetailModel />
<RelationshipModel />
div>
template>

RelationshipModel.vue

1
2
3
 mounted () {
this.initG6Editor() // 引入G6时获取dom节点报错
},

解决方案

1
2
 显示弹框时再加载组件
<RelationshipModel v-if="state.relationshipModelVisible"/>

1
2
3
4
5
 mounted () {
this.$nextTick(() => { //使用nextTick函数
this.initG6Editor()
})
},

You forgot to set the qrcode for Alipay. Please set it in _config.yml.
You forgot to set the qrcode for Wechat. Please set it in _config.yml.
You forgot to set the business and currency_code for Paypal. Please set it in _config.yml.
You forgot to set the url Patreon. Please set it in _config.yml.
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×