aurelia получить позицию при изменении размера

Question

как я могу получить положение элемента при изменении размера в aurelia. У меня есть меню с элементом и элементы изменения размера, которые переполняют блок, нужно выталкивать в раскрывающееся меню. Я могу сделать это с помощью jquery и позиций элементов, но, возможно, я смогу сделать это без него в aurelia. И как я могу правильно использовать jquery в классе aurelia. Спасибо и извините за мой английский :)

import $ from 'jquery'; 



export class CategoriesElement { 
    check(){ 
     // this.dropdown = this.categories; 
     $('.categories-menu'); 
    } 
} 

Я не могу получить элемент dom с jquery в методе. Я импортировал jquery, но он не работает должным образом.

Answer 1

Нет необходимости использовать jQuery для получения элемента. Просто используйте собственный атрибут ref, и этот элемент станет свойством на вашей виртуальной машине.

Вот пример: https://gist.run?id=39ed84ccdeab0d064038e201d58f8098

app.html

<template> 
    <h1>Please open your console</h1> 
    <div ref="theDiv">${message}</div> 

    <button click.delegate="doStuff()">Click Me</button> 
</template> 

app.js

export class App { 
    message = "Hello"; 
    doStuff() { 
    console.log(this.theDiv.textContent); 
    } 
}