Question

我有一个组件compo，可以在点击时执行方法sayHello()。

我正在寻找在beforeMethod()之前执行sayHello()的正确方法。如果beforeMethod()返回false，则不能执行sayHello()。

约束：无法修改sayHello()。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>

<body>
    <div id="app">
        <compo before="test">test</compo>
    </div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>
<script>
    function beforeMethod(){
        alert('this function should be called before alert(hello)');

        return false;
    }

    Vue.component('compo', {
        template: '<a @click.prevent="sayHello"><slot></slot></a>',
        methods: {
            sayHello : function(){
                alert('hello');
            }
        }
    });

var app = new Vue({
    el: '#app'
});
</script>
</body>

</html>

修改vuejs2方法组件

0 个答案: