我正在尝试使用 v-model,但它没有从“报价”的数据对象中获取我试图绑定的内容。此外,在传递道具时尝试使用 $emit 时,由于某种原因,我的 @click 无法识别我的函数“createNew”。
我查看了有关 VueJS 的文档,也一直在网上搜索并尝试了其他方法,例如可能使用 v-bind 和 @click ,但这似乎不起作用。我很困惑为什么它不起作用。
<template>
<div class="row">
<form>
<div class="col-sm-8 col-sm-offset-2 col-xs-12 col-md-6 col-md-offset-3 form-group">
<label>Quote</label>
<textarea class="form-control" rows="3" v-model="quote"></textarea>
</div>
<div class="col-sm-8 col-sm-offset-2 col-xs-12 col-md-6 col-md-offset-3 form-group">
<button class="btn btn-primary" @click ="createNew">Add Quote</button>
</div>
</form>
</div>
</template>
<script>
export default {
data: function () {
return {
quote: ''
};
},
methods: {
createNew(){
this.$emit(quoteAdded, this.quote);
this.quote = '';
}
}
}
我希望 v-model 注册数据“报价”和 @click 以识别我的“createNew”函数,它根本不是。