vue elementui更换li的位置

要更改ElementUI中的li位置，您可以使用Vue的数组方法来改变数据源中元素的位置。例如，如果您有一个存储li元素的数组，您可以使用splice()方法将元素从原来的位置移动到新位置。

以下是一个示例组件，它将有一个包含li元素的数组，以及一个按钮，当按钮被点击时，它将移动数组中的第一个元素到数组的末尾。

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item">{{ item }}</li>
    </ul>
    <button @click="moveItem">Move Item</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
    }
  },
  methods: {
    moveItem() {
      const itemToMove = this.items.shift()
      this.items.push(itemToMove)
    }
  }
}
</script>

在这个示例中，我们定义了一个名为items的数组，并在模板中使用v-for指令来循环遍历它，并为每个元素渲染一个li元素。我们还添加了一个按钮，当点击时会调用moveItem方法。

在moveItem方法中，我们使用shift()方法从数组中删除第一个元素，并将其存储在itemToMove变量中。然后，我们使用push()方法将itemToMove添加到数组的末尾。这将导致第一个元素移动到数组的末尾，从而更改li元素的顺序。

请注意，这只是一个示例，您可以根据您的具体需求修改它。