Webpack 当道具值没有改变时,为什么VueJS会抛出道具变异警告?
我已经创建了一个小的测试组件。每当我在输入中键入时,VueJS都会告诉我我正在修改“value”prop事件,尽管我没有这样做。有人能告诉我这里发生了什么事吗Webpack 当道具值没有改变时,为什么VueJS会抛出道具变异警告?,webpack,vue.js,Webpack,Vue.js,我已经创建了一个小的测试组件。每当我在输入中键入时,VueJS都会告诉我我正在修改“value”prop事件,尽管我没有这样做。有人能告诉我这里发生了什么事吗 <template> <input type="text" :value="propValue" @input="inputHandler"> </template> <script> export default { data() { return {
<template>
<input type="text" :value="propValue" @input="inputHandler">
</template>
<script>
export default {
data() {
return {
propValue : this.value
};
},
props : [
'value'
],
methods : {
inputHandler(event) {
this.$emit('input', event.target.value);
}
}
};
</script>
您实际上不需要
propValue
数据属性。您可以安全地使用:value=“value”
我还建议您在输入中使用propValue
作为v-model
,然后将事件.target.value
更改为此.propValue
在输入中(
@Derek我猜OP正在创建一个@Phil ahhh,公平,我不能复制这个问题:
resolve : {
alias : {
'vue$' : path.resolve(__dirname, 'node_modules/vue/dist/vue.esm.js')
}
}