vue
凌霄102
面向对象
展开
-
数据处理-样式处理-支付
let ret = [ { dictCode: 'TRADE_SUBJECT', itemCode: '01', itemName: '挂号', itemParentCode: '', itemSort: 68116 }, { dictCode: 'TRADE_SUBJECT', itemCode: '02', itemName: '取药', itemParentCode: '', itemSort: 68117 }, ...原创 2020-12-14 16:24:27 · 183 阅读 · 0 评论 -
Moment.js处理日期
Moment.js官网,处理日期http://momentjs.cn/原创 2020-12-11 11:33:43 · 169 阅读 · 0 评论 -
盒须图组件封装
<!-- 盒须图 --><template> <div style="height: 100%;width: 100%;"> <span v-if="data.length == 0" style="font-size: 20px;color: rgb(65, 179, 242);position: absolute; top: 50%; transform: translateY(-50%); left: 50%; transform: trans原创 2020-11-09 14:54:57 · 294 阅读 · 0 评论 -
开关表格 可编辑表格
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201028151255585.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMzMTY0MzY=,size_16,color_FFFFFF,t_70#pic_center) <!-- 开关表格 --> <原创 2020-10-28 15:13:12 · 216 阅读 · 0 评论 -
element-ui时间组选择日期件不能超过30天
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="6"> <el-form-item label="查询日期" prop="searchTime"> <el-date-picker v-model="filters.searchTime" type="daterange" class="widthFluid" ...原创 2020-10-27 18:21:15 · 628 阅读 · 0 评论 -
数组转字符串join() ,字符串转数组 split();
数组转字符串join()join() 方法用于把数组中的所有元素放入一个字符串。arr = ["get","post","put"] let string = (arr ).join('、')结果:string = "get、post、put"字符串转数组 split();split() 方法用于把一个字符串分割成字符串数组string = "get、post、put" let arr = (string ).split('、')结果:arr = ["get","post",原创 2020-10-15 18:20:48 · 1350 阅读 · 0 评论 -
vue颜色循环(支付首页主题)
</div> <el-row style="margin-top: 20px"> <el-divider direction="vertical" class="blue-divider" /> <span>今日概况</span> </el-row> <el-row class="card-box" :gutter="20"> ...原创 2020-09-08 17:47:01 · 206 阅读 · 0 评论 -
vue页面带参数跳转
// 分页数据按钮操作 pageOper({ method, index, row }) { switch (method) { // 详情 case 'details': this.$router.push({ path: `/nucleic/nucleicTestDetails/${row.logId}` }) break default: this.$message.error('未知的操作类型..原创 2020-09-04 11:24:08 · 794 阅读 · 0 评论 -
lodash中map的使用(支付)
let data = [ { appName: "APP", payCounts: 9, refundAmount: 0.1, refundCounts: 1, totalAmount: 433.32, tradeSubject: "01", tradeWay: "" }, { appName: "APP", payCounts: 9, refundAmount: 0.1, refundCounts: 1, totalAmount: 433.32, tradeSub.原创 2020-09-03 18:41:34 · 859 阅读 · 0 评论 -
20190527
20190527:1. node.js2.cnpm 淘宝镜像3.vscode需要装得插件: eslint vetur 其他的按照自己的习惯装就行 配置eslint参考文档: https://segmentfault.com/a/1190000009077086?from=timeline&isappinstalled=04.启动项目先安装依赖cnpm install,启动命令n...原创 2019-11-21 17:28:49 · 114 阅读 · 0 评论 -
Vuex
Vuex 是一个专为 Vue.js 设计的状态管理模式Vuex 是一个专为 Vue.js 设计的状态管理模式vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时,会需要:多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。来自不同组件的行为需要变更同一状态。我们经常会采用父子组件直接引用或者通过事件来变更和同步...原创 2019-11-21 15:33:30 · 120 阅读 · 0 评论 -
基于Vue的Ui框架
饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架 MintUi 基于vue 移动端的ui框架http://element.eleme.io/http://mint-ui.github.io/#!/enmintUI的使用: 1.找官网 2.安装 npm install mint-ui -S ...原创 2019-11-21 13:48:33 · 192 阅读 · 0 评论 -
vue路由配置
https://router.vuejs.org/vue路由配置:1.安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueRo...原创 2019-11-19 17:30:34 · 104 阅读 · 0 评论 -
vue组件—父组件向子组件传值(通过属性绑定)
vue组件—父组件向子组件传值(通过属性绑定)父组件向子组件传值 //props:道具 只有绑定过后并在其中定义过,子组件才能使用父组件的某些属性//这里的数据,只可读不可写 Title //父组件可以在引用子组件的时候,通过属性绑定 (v-bind)的形式,把需要传递给子组件的数据,以属性绑定的形式,传递到子组件内部,供子组件使用 ...原创 2019-10-09 17:54:24 · 4633 阅读 · 0 评论 -
vue请求数据 vue-resource & axios
使用 vue-resource 请求数据步骤1、需要安装 vue-resource 模块,cnpm install vue-resource --save2、main.js 引入 vue-resourceimport VueResource from ‘vue-resource’3、vue.use(VueResource);4、在组件中使用 this.$http.get(地址).t...原创 2019-11-19 16:01:05 · 89 阅读 · 0 评论 -
vue2.x 使用vue-cli搭建项目,引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function
安装sass-resources-loader插件,然后新建一个var.scsscnpm install sass-resources-loader --save例如var.scss:@charset "UTF-8";$themeColor: #409eff;@mixin ellipsis() { overflow: hidden; text-overflow: ellips...原创 2019-11-19 14:46:19 · 690 阅读 · 0 评论 -
input框键盘回车查询事件
input框键盘回车查询事件@keyup.enter.native="page({pageReq: { page: 1, limit: 10 }})"原创 2019-11-15 19:59:41 · 1419 阅读 · 0 评论 -
搭建vue的开发环境
前端框架1、单页面框架2、基于模块化组件化的开发模式Vue简单 灵活 高效 国内的中小企业里面用的非常多cnpm 下载包的速度更快一些。地址:http://npm.taobao.org/安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org搭建vue的开发环境:https://cn.v...原创 2019-11-15 14:23:53 · 77 阅读 · 0 评论 -
mapGetters开启命名空间
https://www.cnblogs.com/sea-breeze/p/11321961.html原创 2019-11-14 15:11:57 · 1806 阅读 · 0 评论 -
vuex
vuex专门为 vue.js 应用程序开发的状态管理模式采用集中式存储管理应用的所有组建的状态并以相应的规则保证状态以一种可预测的方式发生变化状态组件内部状态:仅在一个组件类使用的状态应用级别状态:多个组件公用的状态使用情况多和试图依赖同一个状态来自不同视图的行为需要变更同一状态store:类似容器,包含大部分状态,一个页面只能有一个store,状态存储是响应式的,不能直接改变...原创 2019-11-12 18:37:48 · 89 阅读 · 0 评论 -
搭建vue项目
搭建vue项目1、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org查看镜像版本号:cnpm -v2、全局下载(vue -g)cnpm install vue-cli -g查看vue版本:vue -V创建vue模板webpack(my-vue)vue init webpack my-vue...原创 2019-11-11 11:14:49 · 67 阅读 · 0 评论 -
vue-router
搭建vue项目1、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org查看镜像版本号:cnpm -v查看vue版本:vue -V2、全局下载(vue -g)cnpm install vue-cli -g创建vue模板(my-vue)vue init webpack my-vue路由设置方式...原创 2019-11-08 18:49:07 · 73 阅读 · 0 评论 -
关闭项目的 Eslint
config>index.js下的useEslint字段改为 falseuseEslint: false,原创 2019-11-08 10:34:41 · 229 阅读 · 0 评论 -
绑定
表达式::to="'/user/' +item.id" :key="item.id"字符串to="'/user/' +item.id" :key="item.id"原创 2019-11-07 20:35:12 · 113 阅读 · 0 评论 -
find查找 map filter过滤
this.selvalue = _.find(this.values, items => { return items.value == command }).lable原创 2019-11-07 16:55:10 · 330 阅读 · 0 评论 -
vscode 快速写代码
乘法 *ul>li*2按tab键原创 2019-11-04 19:38:49 · 964 阅读 · 0 评论 -
npm构建报错 code ELIFECYCLE解决办法
使用npm构建报错 code ELIFECYCLE解决办法,进入工作目录rm -rf node_modulesrm -rf package-lock.jsonnpm cache clear --forcenpm install参考:https://www.cnblogs.com/minseo/p/10281109.html...原创 2019-11-04 11:21:08 · 9163 阅读 · 1 评论