![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
$团长$
这个作者很懒,什么都没留下…
展开
-
table表单和form数据绑定
为了实现点击表格操作栏位编辑,弹一个弹框,弹框的内容数据和该行数据绑定在一起,即来源列表接口同一行数据。如图所示,点击第一行table的编辑,弹框内容和该数据一致。原创 2023-02-28 19:49:49 · 754 阅读 · 0 评论 -
vue+djiango实现登录功能
测试平台--登录篇原创 2022-12-02 19:34:15 · 991 阅读 · 0 评论 -
在线编辑yaml格式用例并调式
效果图在yaml编辑器编写用例,会校验yaml格式,错误会有个小红叉,执行结果弹框返回。原创 2021-03-31 15:25:48 · 681 阅读 · 0 评论 -
自动化测试报告
效果demo结构源码组件这个报告分为三个部分,分别对应三个组件:basic(基本信息)、mpie(饼状图)、reportdetail(用例详细信息)代码如下:原创 2021-03-01 10:29:42 · 856 阅读 · 2 评论 -
django+vue前后端分离看这个绝对可以
今天是充实的一天,最近在整前后端项目,发现网上资源不够详细,总结了一份给有需要快速上手的小白一个参考。开始上菜吧。代码下载https://download.csdn.net/download/kairui_guxiaobai/12805718资源安装1、python 3.6 3.6以上版本2、django最新版3、node.js2.0以上4、ElementUI安装步骤网上一大把就不占用资源演示了。目录介绍如图:FinTesterApp:后台项目FinTesterWeb:前端项目qu原创 2020-09-03 17:38:38 · 1370 阅读 · 1 评论 -
vue 从静态文件下载模板 上传文件到端及数据处理
效果演示从静态文件下载模板 <div><a target='_blank' href='/static/test.xlsx' download='test.xlsx'>模板下载</a></div>上传文件到端及数据处理importfxx(obj) { let _this = this; // 通过DOM取文件数据 this.file = obj var rABS = false; //是否将文件读取为二进制字符串原创 2020-08-17 11:05:43 · 426 阅读 · 0 评论 -
vue 导入excle 处理excle数据后表格展示
效果演示前端代码<template> <div> <div> <p>模型或者输入项</p> <vue-json-editor v-model="jsontarget" :show-btns="false" :mode="'code'" lang="zh"原创 2020-08-14 11:55:48 · 257 阅读 · 0 评论 -
js判断是否是json格式
JSON.parse(JSON.stringify(str))原创 2020-08-11 13:00:38 · 1631 阅读 · 0 评论 -
json格式数据比对
效果图vue部分<template> <div> <el-row> <div> <el-col :span="6"> <p>json比对A</p> <vue-json-editor v-model="jsonA" :show-btns="false" :mode="'code'" lang="zh"原创 2020-08-11 12:58:45 · 4607 阅读 · 5 评论 -
js色谱大全
调色表颜色 英文代码 形像颜色 HEX格式 RGB格式LightPink 浅粉红 #FFB6C1 255,182,193Pink 粉红 #FFC0CB 255,192,203Crimson 猩红 #DC143C 220,20,60LavenderBlush 脸红的淡紫色 #FFF0F5 255,240,245PaleVioletRed 苍白的紫罗兰红色 #DB7093 219,112,147HotPink 热情的粉红 #FF69B4 255,105,180DeepPink 深粉色 #FF14转载 2020-08-11 12:56:22 · 4648 阅读 · 0 评论 -
vue axios请求
步骤:1、引用import axios from 'axios'2、调用格式:axios.post(url, {params}) .then(response => { this.content = response.data.data; }) .catch(err => { this.$refs.ts.showModal("失败,请检查参数!"); });例子参考vue菜鸟:https://www.runoo原创 2020-07-08 12:00:36 · 107 阅读 · 0 评论 -
element 弹框使用
点击一个按钮弹出表格内容,表格内容默认值,可修改。html部分:<el-dialog title="授信相关参数" :visible.sync="dialogVisible" width="30%" > <el-template> <el-button > 个人信息</el-button > <el-input原创 2020-06-29 17:32:53 · 2962 阅读 · 0 评论 -
让别人能访问你的VUE项目
1、在package.json文件中的scripts标签下dev": 加上–host ip(你的IP地址)原创 2020-05-30 14:04:37 · 2646 阅读 · 0 评论 -
基于flask框架前后分离实战
flask介绍Flask是一个基于MVC设计模式的Web框架,因为设计非常简洁,只有两个依赖:werkzeug WSGI 工具包;jinja2模板引擎因而被称为”微框架”(Micro Framework)与djiango比较Flask与DjangoPython的Web框架对比中, Flask与Django是绕不过去的两个,他们分别走向了两个极端-精简与复杂Flask极度精简,仅依赖两个库,单...原创 2019-06-28 17:03:55 · 4772 阅读 · 4 评论 -
VUE安装&第一个vue项目
最近在学习vue,从安装到学习踩了不少坑,总结了一下安装步骤和常见问题解决。正常安装,官方指导三部曲。1、全局安装vue-clinpm install --global vue-cli2、安装项目基于webpackvue init webpack projectname3、安装依赖npm install常见问题a、第二部若失败,提示下载template失败,可能是连不上git,可...原创 2019-07-01 11:10:17 · 135 阅读 · 0 评论 -
可视化项目Vue项目启动
转载自主要核心部分一般一个初步的Vue项目创建好之后都会有这三个文件:index.html 、main.js 、App.vue;index.html解释index.html :众做周知,Vue是单页面形式开发,而这个index.html文件在其中起着特别重要的作用。所有组件(后缀名为.vue都被视为组件)都会通过此文件进行渲染加载。<!DOCTYPE html><ht...原创 2019-07-29 14:08:01 · 394 阅读 · 0 评论 -
父组件调用子组件并向其传递参数demo
栗子分解父组件father.vue调用子组件son.vue并传递一个参数给子组件title来改变其值。主要是讲解父组件调用子组件的栗子,组件内容从简:父子组件都是一个带标题的按钮father.vue:<template><div> <button >{{title}}</button></div></templ...原创 2019-07-29 15:26:10 · 1172 阅读 · 0 评论 -
element插件菜单demo
搭建安装vue引入element库在main.js中引入element库:/* 引入element */ import ElementUI from 'element-ui'构思demo原型在写之前,得想想要写什么,最后写完需要达到一个怎样的效果。我们本次demo主要是实践菜单规划,主要包括三个部分:顶部菜单、侧栏菜单、body内容。点击侧面导航栏会显示对于body内容。效果如下:菜...原创 2019-07-25 15:55:10 · 1820 阅读 · 0 评论 -
vue单页引用--卡片化demo
什么时候需要卡片化无疑在单页应用中,卡片化是节约页面空间美化页面的不二选择。本次demo主要是根据element组件el-card实现。点击进入官网指导demo效果图:主要代码html部分省略参考官网js部分:export default {// name: 'house', components: { }, data() { return{...原创 2019-07-26 15:23:54 · 3786 阅读 · 0 评论 -
vue子组件调用父组件怎样传参数
栗子分解子组件child通过$emit调用父组件分方法来传递数据。主要是讲解子组件调用父组件的方法并传递数据的栗子,组件内容从简:父子组件都是一个带标题的按钮子组件<template> <button @click="emitEvent">我是子组件</button></template><script> export...原创 2019-08-22 16:31:22 · 2634 阅读 · 0 评论 -
VUE利用webpack创建项目失败--离线安装webpack下载模板
@TOC无法翻墙的–离线安装webpack下载模板最近在学习vue过程中利用webpack生成模板创建项目的时候发现一直卡在下载模板这一步,如图所示,查资料发现自己网无法连接git官网导致下载失败。花了不少时间才解决此问题,特总结一下,希望遇到的兄弟有所帮助吧。1、下载webpack离线安装包,并改名webpack(网上自行下载,没找到的可私聊我)。2、在用户目录下查看是否有.vue-t...原创 2019-07-31 09:59:30 · 2433 阅读 · 2 评论