LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue3/正文

Vue3.x系列-方法之间的调用

Vue3588 次阅读

在methods中一个方法调用另外一个方法:

this.$options.methods.方法名()

示例:

    <div id="app">
       <!-- 简单绑定值 -->
       {{ content }}
       <!-- 方法调用 -->
       <input type="button" @click="f1()" value="方法1">
       <!-- 在methods中调用的方法1 -->
       <input type="button" @click="f2()" value="方法2是直接调用的方法1">
    </div>
    <script src="https://unpkg.com/vue@next"></script>
    <script>
       const vm = Vue.createApp({
            data(){
                return{
                    content:'故事'
                }
            },
            methods:{
                f1:function(){
                    alert('好好学习')
                },// 调用f1方法
                f2:function(){
                    this.$options.methods.f1()
                }
            }
       }).mount('#app');
    </script>


只要一个人还有追求,他就没有老。直到后悔取代了梦想,一个人才算老。熬过了必须的苦,才能过上喜欢的生活。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读