iT邦幫忙

1

安裝 Sortable(vue)錯誤「Sortable is not a constructor」

  • 分享至 

  • xImage

我剛剛安裝了 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)
        },
    }
}
下面白色部分的代码放错地方了吧,应该放在vue实例里,而vue实体放在vue.js文件里;或者像你原本一样,但是要用<script></script>框起来,也还是要放在vue实例里面
推荐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 }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

3
dragonH
iT邦超人 5 級 ‧ 2020-07-28 14:42:02
最佳解答

因為

這樣

所以

codepen

看更多先前的回應...收起先前的回應...
火爆浪子 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)

我要發表回答

立即登入回答