我在一个页面上有两个相同的表单,我希望将其抽象为自己的组件。但我需要为每个表单/组件使用不同的id,因为jquery会获取文本区域的值,而内容是不同的。这样做的正确方法是什么?是否可以在创建组件的新实例时附加id?
Form.vue:
<form
@submit.stop.prevent="onFeedbackFormSubmit(activity)"
id="new_feedback_form">
<div>
<div class="textarea-container">
<textarea
placeholder="Leave some feedback"
@keyup="onFeedbackFormSubmit(activity)"
v-model="feedback"
name="entry[feedback]">
</textarea>
</div>
</div>
</form>
form.js:
submitForm(activity) {
let $form = $("#new_feedback_form");
let data = $form.serialize();
let path = `/portfolio/${activity.record.id}`;
// api patch request
this.apiPatch({ data: data, path: path })
.then(({ data }, status, xhr) => {
this.$store.commit("current/OVERWRITE_RECORD", {
type: "activity",
childAttr: "feedback",
data: data.feedback
});
})
.catch(e => {
this.generateError(e);
});
},
Main.vue:
<Form id="form1"></Form>
<Form id="form2"></Form>
这是可能的(或正确的)吗?
https://stackoverflow.com/questions/50574014
复制相似问题