第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

從 Vue js 中的模態(tài)提交表單

從 Vue js 中的模態(tài)提交表單

萬(wàn)千封印 2023-05-11 09:48:09
我需要從模式發(fā)送表單。不使用完整的 Vue 應(yīng)用程序,而是在我的 HTML 頁(yè)面中插入 Vue.js。我用我當(dāng)前的模態(tài)嘗試了很多不成功的事情,所以我將它簡(jiǎn)化為我第一次使用的基本模態(tài)示例https://v2.vuejs.org/v2/examples/modal.html對(duì)于表單,我還使用了https://v2.vuejs.org/v2/cookbook/form-validation.html上的最基本的表單驗(yàn)證示例(我在其他地方使用它)。我創(chuàng)建了這個(gè)不成功的小提琴:https://jsfiddle.net/JIBRVI/03qnok9m/53/Vue.component('modal', {  template: '#modal-template'})// start app// eslint-disable-next-line no-newnew Vue({  el: '#app',  data: {    showModal: false,    errors: [],    name: ''  },  methods: {    checkForm: function (e) {      if (this.name) {        return true      }      this.errors = []      if (!this.name) {        this.errors.push('Name required.')      }      e.preventDefault()    }  }})在基本模態(tài)示例中,我添加了帶有字段、提交按鈕和占位符以顯示錯(cuò)誤的表單。還有輸入字段 ?name? 和數(shù)組 ?errors? 到應(yīng)用程序中的數(shù)據(jù)部分。我還添加了 ?checkForm? 方法。主要錯(cuò)誤說:屬性或方法“checkForm” 未在實(shí)例上定義,但在渲染期間被引用。通過初始化屬性,確保此屬性是反應(yīng)性的,無(wú)論是在數(shù)據(jù)選項(xiàng)中,還是對(duì)于基于類的組件也許主頁(yè)可以與模態(tài)通信,因此無(wú)法使用主頁(yè)中的數(shù)據(jù)和方法。我也嘗試用表單制作一個(gè)組件,但它也沒有用。我無(wú)法與模態(tài)通信。任何幫助將不勝感激。
查看完整描述

1 回答

?
當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊

您需要將name和checkform方法移動(dòng)到modal組件。您目前已經(jīng)在app組件中定義了這兩個(gè),并試圖從組件中的模態(tài)訪問它modal。


Vue.component('modal', {

  template: '#modal-template',

  data(){

    return {

        name: '',

        errors: [],

    }

  

  },

  methods: {

    checkForm: function (e) {

      if (this.name) {

        return true

      }


      this.errors = []


      if (!this.name) {

        this.errors.push('Name required.')

      }


      e.preventDefault()

    }

  }

})


查看完整回答
反對(duì) 回復(fù) 2023-05-11
  • 1 回答
  • 0 關(guān)注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)