
前端
peace老师
专研性能测试、自动化测试
展开
-
vue实现可新增、编辑、删除、拖拽节点的树形结构el-tree
官网有拖拽、新增、删除的实例,传送门 element 树形控件但是官网没有编辑节点的实例啊,搞一下说明:1、你的树形结构的填充数据(大json)中每个node都需要有一个“是否编辑”字段2、实现行内编辑,即直接改这个节点,不是弹窗哦3、新增、编辑、删除、拖拽之后,保存数据设计:用v-if来判断“是否编辑”字段的值来控制显示span还是input当input失去焦点时保存效果图:...原创 2020-04-02 17:34:41 · 12945 阅读 · 12 评论 -
vuex的应用(两个组件间传值、监听vuex值变化)
场景:需要设计一个页面左侧为一棵树(接口分组)右侧为一个列表(接口列表)点击左侧树种某个节点,右侧列表显示该节点下的接口树为一个vue、列表为一个vue上代码接口分组树vue为 views/appium-tree1/index.vue接口列表vue为 views/appium-list/index.vue整个页面vue为 views/appium-list1/index.vue...原创 2020-04-02 17:15:39 · 3150 阅读 · 0 评论 -
vscode配置(python、git、vue、js)
直接上,新版的eslint尤其管事{ "files.associations": { "*.spec": "properties" }, "terminal.integrated.shell.windows": "cmd.exe", "terminal.integrated.shellArgs.windows": [ "/k", "D:\\cmder\\v...原创 2020-03-27 21:26:57 · 1347 阅读 · 0 评论 -
django+vue前后端分离跨域问题
跨域问题,主要通过后端允许来解决,分为两步一:安装django-cors-headerspip install django-cors-headers二:修改project\app\settings.py文件INSTALLED_APPS = [ ... # 解决跨域 'corsheaders', ...]MIDDLEWARE = [ ... ...原创 2020-03-25 17:35:38 · 397 阅读 · 0 评论 -
vue小白学习问题总结
1、el-input如何调整高度针对行内编辑的情况,高度不合适输入框会显示不全,所以,调一下高度我们直接在标签中设置style是不生效的,可以自己试验下我们需要在<style scoped><style>中设置el-input__inner的样式如下:<template><el-input ref="input" @blur="() =>...原创 2020-03-25 09:47:12 · 321 阅读 · 0 评论