11. (vue3.x+vite) Method of calling iframe (vue coding)

Language 2023-09-15 19:45:49 views: null

1. Effect preview

Insert image description here

2. Write code

(1) Main page

<template>
  <div>
    <button @click="sendMessage">调用iframe，并发送信息

Guess you like

Origin blog.csdn.net/m0_60387551/article/details/132877956

11. (vue3.x+vite) Method of calling iframe (vue coding)

2. (vue3.x+vite) component registration and calling

11. (vue3.x+vite) Communication methods between components: ref, $parent, $children

The use of vue setTimeout() calling method and not calling method

Vue method of calling the js

3. (vue3.x+vite) Class dynamic binding method

4. (vue3.x+vite) style dynamic binding method

18. (vue3.x+vite) v-model, the communication method between components

14. (vue3.x+vite) Pinia, the communication method between components

[Vue] The calling method of "plug-in" in Vue

1. (vue3.x+vite) encapsulated components

Method of calling each other between parent and child components in vue

The method of directly calling the child component in the parent component in the Vue project

How does the vue project embedded in the iframe trigger the method of the parent page?

11. What are the disadvantages of iframe?

Encapsulation and calling of functions in vue

Mutual calling of methods in vue

20. (vue3.x+vite) Execution order of Vue child components and parent components

Vue and communication components in the iframe

Vue integrated Iframe page

[vue] iframe related issues

vue assembly of coding

12. (vue3.x+vite) The difference between v-if and v-show

9. (vue3.x+vite) achieve rolling shutter effect

17. (vue3.x+vite) Scope slot for communication between components

12. (vue3.x+vite) $attrs and $listeners communication methods between components

9. (vue3.x+vite) EventBus, die Kommunikationsmethode zwischen Komponenten

13. (vue3.x+vite) Provide and inject communication methods between components

5. (vue3.x+vite) Horizontal and vertical centering implementation

Recommended

Ranking

Empire cms smart tag calls four first-level recommended articles, starting from the fourth article

Linux environment installation and configuration Elasticsearch7.17

Big Data processing architecture and Lambda Kappa architecture

Explore the top of the AI large model platform - Wenxin Qianfan

Beijing car PK10 lucky airship Guanya size and value of the odd and even tips

W3B x Sui Hacker House｜In-depth understanding of Sui and Move language

Know almost Ko Chan: Chinese what any decent open source software products? (Finishing from my original answer)

Comprehensively improve AD domain security authentication | Zhuyun IDaaS

Android Update Engine Analysis (24) What happened when making the downgrade package?

Spark Architecture and Operating Mechanism (1) - System Architecture

Daily

2024-05-07(34)

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)

2024-05-03(8)

2024-05-02(0)

2024-05-01(4)

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)