Селектор класса магистралей только для 1 класса

Question

У меня есть два знака <a>. Один с классом:

table-link 

другое:

table-link danger 

В событиях моего магистрального зрения, я хочу, чтобы вызвать каждый с обратным вызовом:

events: { 
    'click .table-link': 'edit', 
    'click .table-link.danger': 'del' 
} 

Это прекрасно работает table-link, однако, при нажатии на table-link danger он вызывает как del, так и edit

Как я могу сделать последнее не запускать .table-link кликов?

Answer 1

Если возможно, я бы предположить, что делает «изменить» связывание явным путем добавления «» .edit к элементам таблицы ссылок и изменения кода:

events: { 
    'click .table-link.edit': 'edit', 
    'click .table-link.danger': 'del' 
} 

Это делает его более четким и проще имо добавить новый типы табличных ссылок в будущем.

Answer 2

Вы можете использовать :not() pseudo class, чтобы исключить его:

events: { 
    'click .table-link:not(.danger)': 'edit', 
    'click .table-link.danger': 'del' 
} 

Я бы предложить добавить дополнительный класс к элементу, так как stealthwang suggests, хотя.