首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >组件的每个实例的唯一id

组件的每个实例的唯一id
EN

Stack Overflow用户
提问于 2018-05-29 06:21:45
回答 1查看 1.5K关注 0票数 0

我在一个页面上有两个相同的表单,我希望将其抽象为自己的组件。但我需要为每个表单/组件使用不同的id,因为jquery会获取文本区域的值,而内容是不同的。这样做的正确方法是什么?是否可以在创建组件的新实例时附加id?

Form.vue:

代码语言:javascript
运行
复制
          <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:

代码语言:javascript
运行
复制
  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:

代码语言:javascript
运行
复制
<Form id="form1"></Form>
<Form id="form2"></Form>

这是可能的(或正确的)吗?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50574014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档