- 第一个就是编辑或者查看
<newproduce ref="newproduceDialog" @submitdata="childSubmit" :visible.sync="dialogVisible" ></newproduce>
在在子组件的实例中添加ref属性的得到这个组件的实例,并且给这个组件设置一个方法名为setItems
handleUpdate(item) {
this.$refs.newproduceDialog.setItem(item)
}
然后在子组件当中定义方法setItem
setItem(item){
this.isEdit = true
this.formData = _.cloneDeep(item)
this.isRead = this.formData.isRead
}
如果出现了数据混乱的问题 就需要加上_.cloneDeep 这个方法是深拷贝
从列表进入详情弹框的时候，把数据复制一份给详情弹框用，要不会导致列表的数据会受到详情页面数据的影响配置跨域的问题 如果是vue脚手架他会生成vue.config.js ， 如果是自己写的脚手架那么就在webpack.config.js
devServer: {
proxy: {
'/api': { // 这个相当于是下面写的target中的url
target: 'http://jinyucloud.com:8070', // 请求的服务器
changeOrigin: true, //是否跨域
secure: false, // 如果是https接口，需要配置这个参数为true
ws: true,
pathRewrite: { // 重写接口 如果不重写接口到后端就会报404
'^/api': ''
}
}
}
