流程详解.md · 辉仔/practise - Gitee.com

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

流程详解.md 1.23 KB

一键复制编辑原始数据按行查看历史

提交于 2022-11-17 10:21 . 查询功能完成

### 跨域问题的解决方法

要在vue.config.js文件 devServer 目录下加入

proxy:{

    '/api':{
    
    target:'http://120.24.171.137:1337/', // 接口基地址，也是跨域请求地址
    
    changeOrigin:true, // 开启跨域
    
    pathRewrite:{
    
    '^/api':''// 路径重写
    
    }
    
    }
    
    }

在  .env.development    修改  VUE_APP_BASE_API = '/dev-api' 为VUE_APP_BASE_API = '/api'

加入端口号
port=8888

#### 弹窗组件关闭的两种方法

如果把弹窗封装为一个单独的组件，在使用时关闭 并不能直接使用false 会导致报错，因此需要关闭的方法有两种

```vue
//子组件代码
<el-dialog   :visible="showDialog">    //弹窗组件`

 `<el-button @*click*="closeFn">关闭</el-button>  // 点击关闭`

 `props: {`

  `showDialog: {`

   `type: Boolean,`

   `default: false`

  `}`

 `},`

 methods: {    
//声明函数
  closeFn() {
//第一种方法
   this.$emit('update:showDialog', false)  
 //第二种方法
     this.$emit('closeEvent', false)

  }

 }
    //父组件中
    //方法1
    <组件名 :show-dialog.sync="showDialog" />   //重点是.sync
    //方法2
      <组件名 :show-dialog="showDialog" @closeEvent="showDialog=false" />
    
```

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/Lwh-0520/practise.git

[email protected]:Lwh-0520/practise.git

Lwh-0520

practise

practise

master