之前做了小程序页面编辑器，现在需要实现左侧预览组件可以拖动排序，如下图：插件文档：Vue.Draggable安装：npm i vuedraggable -S代码：<template><draggable v-model="list" @update="dragEnd"><div v-for

有时我们需要监听多个值而执行同一个方法，如果分开监听，该方法会被执行多次，用以下方法监听多个值就可以解决该问题。computed: {watchObj () {let { id, selectTime } = thisreturn { id, selectTime }}},watch: {watchObj:{ha...

最近需要做一个商家后台系统，有空了就记录一下。首先是登录功能<template><el-form :model="ruleForm"><h3 class="title">系统登录</h3><el-form-item prop=&quo

这个功能是在后台编辑小程序页面，然后在小程序端展示出来。左侧预览，右侧编辑，下方点击可以添加对应组件。目前只做了2个组件，图片广告和富文本，以后根据需求会慢慢添加。(图片广告为轮播图)图片广告组件：富文本组件：整体功能的思路是这样的：新建与编辑是同一个页面，进入页面时请求后端提供的接口拿到数据库中的数据，并展示出来，点击发布按钮请求后端接口把数据保存到数据库中。json数据格式：...

最终实现效果：这里使用到的插件：https://github.com/hql7/tree-transfer