Рубрики
Laravel+Vue3 project Vue.js Vue компоненты JQuery

Vue Окно в движении

Первое окошко в движении

this.$el

После создания компонента мы можем обратится в функции к корню тега компонента this.$el

mounted(){
  console.log(this.$el.textContent);
},

resources\js\components\win\Win.vue

<template>
<div class="win-move">
окно
</div>
</template>

<script>
export default{
mounted(){
  корневой тег обернуть в JQuery
  let e=$(this.$el);

  функция draggable корневому тегу привязывает движение от JQuery
  e.draggable();
},
}
</script>

<style>
.win-move{
position:absolute;
background: lemonchiffon;
border:4px double black;
}
</style>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *