[問題] Vue2 vuesortable 沒有運作
有點不太懂 Vue 怎麼引入檔案的
我今天只是想要用一個 sortable 的套件
官網如下:
https://github.com/SortableJS/Vue.Draggable
根據官網下載了兩個 js 檔
並用 <script> tag 將兩個檔引入
不太明白官方說的 require or import 要怎麼用
先在 head 引入這三個必需的檔案後
<script src="{{ asset('/js/app.js') }}"></script> \\ laravel 自帶的 Vue2
<script src="{{ asset('/js/Sortable.min.js') }}"></script>\\ vuedraggable必要
<script src="{{ asset('/js/vuedraggable.js') }}"></script> \\ 本次主角
照範例這樣寫
html 部分: ( 因為用 laravel 的 blade 所以 {{ 前面要加 @
<draggable v-model="myArray" :options="@{group:'people'}" @start="drag=true"
@end="drag=false">
<div v-for="element in myArray">@{{element.name}}</div>
</draggable>
js 部分:
<script>
(function(){
var vm = new Vue({
el: "#main",
data: {
myArray:[{name:"AAA"},
{name:"BBB"},
{name:"CCC"} ]
}
});
})();
</script>
畫面上有出現 AAA BBB CCC
但卻不能拖曳, 想問我有可能是哪個步驟搞錯嗎?
謝謝 QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.165.65.88
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1492950758.A.B10.html
推
04/24 23:55, , 1F
04/24 23:55, 1F
→
04/25 00:11, , 2F
04/25 00:11, 2F
→
04/25 18:49, , 3F
04/25 18:49, 3F
→
04/25 18:49, , 4F
04/25 18:49, 4F
→
04/25 18:49, , 5F
04/25 18:49, 5F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
