Блог

у меня есть компонент в форме, который выводит два списка как перетаскиваемые. это прекрасно работает. Я могу перемещать элементы из одного столбца в другой.

Но как теперь я могу отправить столбец с добавленными элементами, например, в виде массива на входное значение?

вот компонент….

 <script>
import draggable from "vuedraggable";
    
export default {
    name: "sort-positions",
    props: {
        title_available: '',
        title_sort: '',
        existing_columns: Array,
    },
    display: "Two Lists",
    order: 1,
    components: {
        draggable
    },
    data() {
        return {
           list1: [
               { name: "Name", value: "name", id: 1 },
               { name: "Quantity", value: "quantity", id: 2 },
               { name: "Price", value: "price", id: 3 },
               { name: "Discount", value: "discount", id: 4 },
               { name: "Total", value: "total", id: 5 },
           ],
            list2: []
        };
    },
    
    mounted: function() {
        this.list1 = this.existing_columns; // create a new array so I don't alter the prop directly.
    },

    computed: {
        listString() {
            return JSON.stringify(this.position_columns);
        }
    }
};
</script>