vueプロジェクトmodal親子間のパスについて、弾枠を閉じて開く

8556 ワード

1:コンポーネントに変更コンポーネントを導入する必要がある

import { urlPath } from "@/libs/util";
import { getUserInfo } from "@/libs/util";
import expandRow from "../modal/expandRow.vue";
import { Modal, Message, AnchorLink } from "iview";
import viewerExtend from "@/components/viewerExtend/viewerExtend.vue";
</code></pre> 
  <p>2:       modal        </p> 
  <pre><code>    <Modal
      loading
      v-model="auditModalShow"
      footer-hide
      class="auditModal"
      title="    "
      width="90%"
      scrollable
      fullscreen
      mask-closable
    >
      <audit
        :str="modalId"
        :rowId="rowId"
        :auditPath="auditPath"
        v-on:cancel="auditModalShow=false"
        v-on:success="auditSuccess"
      ></audit>
    </Modal>
</code></pre> 
  <p>3: v-on:cancel   v-on:success    v-on:success=“auditSuccess” auditSuccess   ,    </p> 
  <pre><code>    //           
    auditSuccess(data) {
      if (data.code == 40000) {
        Message.success("    !");
        this.auditModalShow = true;
        this.reload();
      } else {
        Message.error(data.msg);
      }
    },
</code></pre> 
  <p>4:     $emit         </p> 
  <pre><code>   onDtlsSave() {
      let params = {
        id: this.rowId,
        audit_status: this.dtlsObj.audit_status,
        audit_notes: this.dtlsObj.audit_notes
      };
      Modal.confirm({
        title: "    ",
        content: "    ?",
        onOk: () => {
          this.$refs["formValidate"].validate(valid => {
            if (valid) {
              this.postRequest(
                this.QKPX_API_HOST,
                "leave_apply/leave_audit",
                params
              ).then(res => {
                //           success  
                let data = res.data;
                this.$emit("success", data);
              });
            }
          });
</code></pre> 
  <p>5:      </p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1289279363694534656"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                
興味があるかもしれません
  • Java開発ではspring mvcのスレッドはどのように呼び出されますか?
    小麦の麦
    spring mvc
  • maven依存範囲
    bitcarter
    maven
  • Jaxb org.xml.sax.saxparseexception : premature end of file
    darrenzhu
    xml premature JAXB
  • CSS Specificity
    周凡楊
    html ウェイト(Weight) Specificity css
  • JAvaとservlet
    g21121
    servlet
  • eclipseにmavenプラグインをインストールする
    510888780
    eclipse maven
  • jpa@OneToOne関連関係
    布衣凌宇
    jpa
  • マイスプリング学習ノート11-Springで宣言トランザクションの構成について
    aijuans
    spring 取引 コンフィギュレーション
  • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
    京ICP備09083238号