vue 修改props父组件传过来的值

父组件

<Temp :ruleForm="ruleForm" :nextClick="nextClick" :prevClick="prevClick" @next="nextOuter"></Temp>

// 子组件
<template>
  <div class="wrapInner" >
      <el-button @click="nextInner" :disabled="nextClickInner">下一步1</el-button>
      <el-button @click="prevInner" :disabled="prevClick">上一步1</el-button>
      <el-button @click="resetInner">重置1</el-button>
  </div>
</template>

<script>
export default {
  name: 'temp',
  props: {
    ruleForm: {
      type: Object
    },
    nextClick: {
      type: Boolean
    },
    prevClick: {
      type: Boolean
    }
  },
  data: function () {
    return {
      num: 0,
      nextClickInner: this.nextClick
    };
  },