安裝 Sortable（vue）錯誤「Sortable is not a constructor」

vue.js vue sort

火爆浪子 2020-07-28 13:47:32 ‧ 2184 瀏覽

分享至

我剛剛安裝了 Sortable 套件：https://github.com/sagalbot/vue-sortable
也已經 Setup
按照他的方式做了之後出現了錯誤
「Sortable is not a constructor」
不曉得有可能是哪裡錯誤？

import Vue from 'vue'
import Sortable from 'vue-sortable'

Vue.use(Sortable)

<template>
    <div>
        <ul v-sortable="{ onUpdate: onUpdate }">
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
</template>

export default {
    methods: {
        onUpdate(event) {
            console.log(event)
        },
    }
}

wuyuxin321000 iT邦新手 5 級 ‧ 2020-07-28 14:16:20 檢舉

下面白色部分的代码放错地方了吧，应该放在vue实例里，而vue实体放在vue.js文件里；或者像你原本一样，但是要用<script></script>框起来，也还是要放在vue实例里面

wuyuxin321000 iT邦新手 5 級 ‧ 2020-07-28 14:17:55 檢舉

推荐kuro写的vue，比官网更容易懂，https://book.vue.tw/preface.html#%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E5%AF%AB%E9%80%99%E6%9C%AC%E6%9B%B8

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

dragonH

iT邦超人 5 級 ‧ 2020-07-28 14:42:02

最佳解答

因為

這樣

所以

codepen

回應 6
分享
檢舉

看更多先前的回應...收起先前的回應...

火爆浪子 iT邦研究生 1 級 ‧ 2020-07-28 15:44:28 檢舉

問個問題～
假設我的 array 的結構是

[
    { 
        'name': '',
        'sort': ''
    },
    { 
        'name': '',
        'sort': ''
    }
]

我使用 push 添加 object 到 array 裡
我要怎麼做能更新 array 本身的 index 到 sort 裡面？

火爆浪子 iT邦研究生 1 級 ‧ 2020-07-28 15:46:51 檢舉

還是說給後端之前再一次更新所有的 sort ?

dragonH iT邦超人 5 級 ‧ 2020-07-28 15:53:09 檢舉

我要怎麼做能更新 array 本身的 index 到 sort 裡面

跨謀

火爆浪子 iT邦研究生 1 級 ‧ 2020-07-28 16:55:35 檢舉

問另一個問題好了
假設我在專案安裝套件
此時他會把 package 跟 package-lock 檔案改了
當我這個 push 上去後
另一個拉下來專案的人是不是要做 npm install 動作？

dragonH iT邦超人 5 級 ‧ 2020-07-28 17:12:06 檢舉

松松

是

froce iT邦大師 1 級 ‧ 2020-07-28 20:28:22 檢舉

你是要這樣吧？

let a = [
    { 
        'name': '',
        'sort': ''
    },
    { 
        'name': '',
        'sort': ''
    }
]

a.forEach((elm, index) => elm["sort"] = index)

登入發表回應