Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.01.2017, 08:03
Новичок на форуме
Отправить личное сообщение для andrei24 Посмотреть профиль Найти все сообщения от andrei24
 
Регистрация: 04.05.2015
Сообщений: 4

Vue js вызвать метод
Всем привет. Мучаюсь уже не один час. Задача: при клике на мышь вывести меню, далее при нажатии на пункт меню вызвать метод.
Проблема: метод create не отрабатывает.

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


var BodyMenu = new Vue({
    template: `\
        <div class="context-menu" :style="[{ left: pageX + 'px' }, { top: pageY + 'px' }, { display: display }]">\
            <ul>\
                <li onclick="alert(\'Клик!\')"><a id="createTable" onclick="alert(\'Клик!\')" @click="$emit(\'create\')">Create</a></li>\
            </ul>\
        </div>\
    `,
    data: function () {
        return {
            pageX: 0,
            pageY: 0,
            display: 'none'
        }
    },
    methods: {
        create() {
            alert(2);
        }
    }
});

const app = new Vue({
    el: '#app',
    mounted() {
        $(document).on('mousedown', this.bodyMenu);
    },
    methods: {
        bodyMenu() {
            $('.context-menu').remove();

                BodyMenu.pageX = event.pageX;
                BodyMenu.pageY = event.pageY;
                BodyMenu.display = 'block';
                var menu = BodyMenu.$mount();

                document.getElementById('app').appendChild(menu.$el);
        },

        create() {
            alert(12);
        }
    }
});
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2017, 09:52
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Документацию пробовал читать? Там все разжовано.

<li><a id="createTable" v-on:click="create()">Create</a></li>
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Пример тестовых заданий на js junior elshaarawy Учебные материалы 3 26.03.2015 15:17
свой JS фреймворк с блэкджеком. заминочка. assert Общие вопросы Javascript 10 16.09.2012 19:19
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Результат JS функции предать в RoR метод axon Серверные языки и технологии 0 23.02.2011 19:30