H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue export default 暴露出去后 怎么在外部调用vue内部的methos里面的方法呢

app.vue

export default {
  data() {
    return {

    }
  },
  methods: {
    Teaching(){
      alert("去上课")
    }
  }
};

a.js

import Vue from 'vue'
import App from './app'
const app = new Vue({
  el: '#app',
  render: h => h(App)
})

a.html

<!DOCTYPE html>
<html>

<head>
    <title>考勤页面</title>
</head>

<body>
    <div id="app"></div>
</body>

</html>

代码就是上面这些
现在我希望希望在a.html中写一个函数,这个函数需要调用app.vuevuemethods中的Teaching函数,大致是这个样子:

a.html

<!DOCTYPE html>
<html>

<head>
    <title>考勤页面</title>
</head>

<body>
    <div id="app"></div>
    <script>
        function iframe_connect(){
            //调用Teaching函数
            app.Teaching()//伪代码
        }
    </script>
</body>

</html>

不知道要如何做,求教

回答:

渲染函数写成这样

h(App, {
    ref: 'app'
})

然后通过app.$refs.app.Teaching()调用

本文地址:H5W3 » vue export default 暴露出去后 怎么在外部调用vue内部的methos里面的方法呢

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址