博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue运用
阅读量:5024 次
发布时间:2019-06-12

本文共 2392 字,大约阅读时间需要 7 分钟。

 

 

目录结构: 

├── README.md                       项目介绍├── index.html                      入口页面├── build                           构建脚本目录│   ├── build-server.js                 运行本地构建服务器,可以访问构建后的页面│   ├── build.js                        生产环境构建脚本│   ├── dev-client.js                   开发服务器热重载脚本,主要用来实现开发阶段的页面自动刷新│   ├── dev-server.js                   运行本地开发服务器│   ├── utils.js                        构建相关工具方法│   ├── webpack.base.conf.js            wabpack基础配置│   ├── webpack.dev.conf.js             wabpack开发环境配置│   └── webpack.prod.conf.js            wabpack生产环境配置├── config                          项目配置│   ├── dev.env.js                      开发环境变量│   ├── index.js                        项目配置文件│   ├── prod.env.js                     生产环境变量│   └── test.env.js                     测试环境变量├── mock                            mock数据目录│   └── hello.js├── package.json                    npm包配置文件,里面定义了项目的npm脚本,依赖包等信息├── src                             源码目录    │   ├── main.js                         入口js文件│   ├── app.vue                         根组件│   ├── components                      公共组件目录│   │   └── title.vue│   ├── assets                          资源目录,这里的资源会被wabpack构建│   │   └── images│   │       └── logo.png│   ├── routes                          前端路由│   │   └── index.js│   ├── store                           应用级数据(state)│   │   └── index.js│   └── views                           页面目录│       ├── hello.vue│       └── notfound.vue├── static                          纯静态资源,不会被wabpack构建。└── test                            测试文件目录(unit&e2e)    └── unit                            单元测试        ├── index.js                        入口脚本        ├── karma.conf.js                   karma配置文件        └── specs                           单测case目录            └── Hello.spec.js

 

目录详解

 

 

在table里面写判断

 

 

 

element UI 点击编辑表格某一行时获取内容填入表单

HTML:

JS:  在methods里面

dialogV: function(index, row) {  //编辑弹框获取数据        this.dialogVisible = true;        this.form = Object.assign({}, row);      }

 

 

点击表格获取某一行的内容

HTML:

JS:  在methods里面

cli:function(row){        alert(row);      }

 

转载于:https://www.cnblogs.com/zyulike/p/9686644.html

你可能感兴趣的文章
ARTS打卡第13周
查看>>
循环队列的运用---求K阶斐波那契序列
查看>>
pta 编程题14 Huffman Codes
查看>>
初始化bootstrap treeview树节点
查看>>
python selenium向<sapn>标签中写入内容
查看>>
JS常用坐标
查看>>
使用”结构化的思考方式“来编码和使用”流程化的思考方式“来编码,孰优孰劣?...
查看>>
C#调用斑马打印机打印条码标签(支持COM、LPT、USB、TCP连接方式和ZPL、EPL、CPCL指令)【转】...
查看>>
关于git的认证方式
查看>>
字符串按照字典序排列
查看>>
IOS 开发调用打电话,发短信
查看>>
CI 框架中的日志处理 以及 404异常处理
查看>>
keepalived介绍
查看>>
css3 标签 background-size
查看>>
python itertools
查看>>
Linux内核调试技术——jprobe使用与实现
查看>>
样式、格式布局
查看>>
ubuntu设计文件权限
查看>>
Vue双向绑定原理详解
查看>>
Android基础总结(5)——数据存储,持久化技术
查看>>