vue中知识点

153 阅读1分钟

1.axios delete请求携带body

post和put的第二个参数直接为data,第三个参数为config,但是delete第二个参数为config,所以传值时需要借助config中data字段,用data携带过去

    axios.delete(`${url.crmBaseUrl}${e}`, {data: data}).then(res=>{
        return res.data
    }).catch(err=>{
        return err
    })

2.elementUI中Dialog弹窗中有子组件,然后子组件还存在弹窗,点击显示弹窗时弹窗不高亮显示了

解决:给子组件的Dialog加一段

:append-to-body="true"

3.父组件向子组件传递数据,子组件触发父组件的方法

父组件:

<!-- 志愿者考评弹窗 -->
    <el-dialog title="志愿者考评" :visible.sync="isShowVolunteerEvaluation" width="1000px">
        <volunteer-evaluation :evaluation="volunteerEvaluationData" @closeEvaluationDialog="closeEvaluationDialog"></volunteer-evaluation>
    </el-dialog>
import VolunteerEvaluation from './VolunteerEvaluation'
components: {
    VolunteerEvaluation
  },
//关闭志愿者考评弹窗
    closeEvaluationDialog() {
        this.isShowVolunteerEvaluation = false;
    }

子组件:

<el-button @click="closeDialog">关 闭</el-button>
props: ['evaluation'],    //接收活动信息
console.log(this.evaluation)
//关闭弹窗
    closeDialog() {
        this.$emit('closeEvaluationDialog');
    }

4.vue+element表单设计器

blog.csdn.net/GavinZhulei…

blog.csdn.net/weixin_4048…