vue2.0 weex项目使用input输入时报Vue Warn警告

Question

警告如下：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value"。

代码如下:

<input class="c-input" type="text" placeholder="请填写姓名" v-model="name" />

<script>
export default{
    data(){
        return {
            name:''
        }
    }
}
</script>

Answer 1

# 2个方法

第一个 ：

// 父组件
<dialog-apply :visible.sync="dialogApplyVisible" />

// 子组件
<el-dialog
      :visible.sync="visible"
      title="申请"
      :before-close="onClose"
>

onClose() {
  this.$emit('update:visible', false)
}

第二个 ：

// 父组件
<dialog-apply :visible.sync="dialogApplyVisible" @close='dialogApplyVisible = false' />

// 子组件
<el-dialog
      :visible.sync="visible"
      title="申请"
      :before-close="onClose"
>

onClose() {
  this.$emit('close')
}

---

这2个方法 ， :before-close 是关键 ；

Answer 2

用的是vue2.0吧，子组件里面只要修改了父级传过来的值就会报这个错，跟weex没有关系。

Answer 3

让你不要直接操作pros传入的值，
请移步阅读详细指导 https://cn.vuejs.org/v2/guide...单向数据流