上一篇菜单的点击和添加菜单功能已经在模版实现了,接下来实现菜单的编辑功能
实现菜单删除方法
在vue实例中添加删除菜单方法,根据选中的菜单级别和索引来删除。
用v-model指令在输入框绑定菜单名,@input监听输入事件来检查输入的菜单名长度,超出上限则显示提示
v-model指令用来绑定菜单名输入框的值,@input监听输入事件来检查输入的菜单名长度,长度超出上线则显示提示
截图工具不显示删除的弹框,将就一下吧...
微信菜单有多种类型所以需要做个下拉列表,选中下拉项后显示该项的内容
先给每个菜单添加下类型
创建的下拉列表也使用v-model指令来绑定选中的菜单类型
菜单的添加、编辑、删除功能基本完成了,总结一下学习到的知识
项目地址nofollow" target="_blank" href="https://github.com/hopex/vue-menu/">github
以上所述是小编给大家介绍的Vue.js 实现微信公众号菜单编辑器功能(二)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/wxmp/32452.html