阿然然然-CSDN博客

原创 vue中发送请求时防止按钮多次点击

<el-button type="primary" :disabled="isDisable" @click="doctorAutograph">医生签字</el-button>export default { data() { return { isDisable:false,//防止医生签名多...

2020-01-10 14:17:33 1057

原创 vue中配置路由携带参数

const RulePrescription = () => import('@/xb-aipresc/components/RulePrescription');{ path: 'rulePrescription/:id', name: 'RulePrescription', component: RulePrescription },//通过在path中配置参数：ID对应页...

2019-12-27 10:19:10 1301

原创 vue中文件上传

<el-button style="margin-right: 10px" type="primary" @click="uploadChineseMedicine">导入中成药</el-button><input type="file" @change="drugUpload($event,'中成药')" accept=".csv, ap...

2019-11-28 14:53:15 175

原创 vue中父组件给子组件传值时出现的问题

父组件给子组件传参时，该参数为父组件再前面一个页面路由跳转接受的参数时，传给子组件，子组件接受不到。父组件：<Inference :visitId="visitId"></Inference>mounted(){ this.patientId = this.$route.query.patientId; this.visitId...

2019-11-28 14:43:15 661

原创 vue中父组件异步获取数据给子组件传参

问题：inferenceData:是父组件异步请求后获取的数据，获取成功之后父组件给子组件传递此数据，子组件使用，子组件获取不到inferenceData的值，打印结果为空数据，结果没有传递过去。原因：异步请求还未获取到结果，已经初始化加载了子组件。父组件： <el-main v-loading="loading" el...

2019-11-28 13:44:23 1676 1

原创 vue中选个一个高亮显示，其余取消高亮的写法

<div @click="selectChecked(index)" class="recommend-item" :class="[{'recommend-active-item':index == activeIndex}]" v-if="inferenceData.length > 0" v-for="(item,index) in inferenceData" :key="i...

2019-11-28 10:38:34 1840

原创项目中遇到问题

1.关于new Map()Map：是一组键值对的结构var m = new Map(['a',90],['b',80],['c':76]);m.get('a');//90初始化Map需要一个二维数组，或者直接初始化一个空Map。var m = new Map();m.set('a',67);m.set('b',60);m.set('c',87);m.get('c')...

2019-11-26 13:53:28 73

原创 vue中路由前置守卫

router.beforeEach((to, from, next) => { const name = sessionStorage.getItem("username"); const token = sessionStorage.getItem("xb-token"); console.log(to.name) if(to.name == 'Presc...

2019-11-19 14:34:11 1452

原创 vue中css+js实现画公司专用章

html：<template> <div> <canvas id="canvas" width="250" height="250"></canvas> </div></template>js：methods:{ createSeal(id,company,name){ ...

2019-11-08 15:39:18 2060

原创 vue中使用echart的用法

一.安装依赖包：npm install echarts -S二.在main.js文件引入（全局引入）import echarts from 'echarts';Vue.prototype.$echarts = echarts;三.我们就可以在任何一个组件中使用echarts了，接下来我们在初始化项目组件中使用echarts配置图标：<template>...

2019-11-08 14:11:26 956

原创 vue中使用treeselect

官网链接：https://vue-treeselect.js.org/1.安装依赖：npm install --save @riophae/vue-treeselect2.在使用在插件的页面引入：import Treeselect from '@riophae/vue-treeselect'// import the stylesimport '@riophae/vue-t...

2019-11-08 13:53:29 3138

原创 vue中将html页面转为图片并且下载该图片

1.下载html2canvasnpm install html2canvas2.对应页面引入该插件import html2canvas from 'html2canvas';3.具体用法（要element使用带有一些（可选）选项的html2canvas呈现，只需调用html2canvas(element, options);）html2canvas(documen...

2019-11-07 19:58:38 4497 2

原创 vue中父子组件传值

一.子组件给父组件传值，父组件接收子组件的值。子组件中：this.$emit('接受名称','要传递的值')this.$emit('save', this.editorData);父组件中：<UEditData @save="saveUEditData"></UEditData>import UEditData from "@/xb-editor...

2019-11-07 15:48:45 163

原创 vue中后台返回格式为二进制流进行文件的下载

结合项目中封装get请求携带token，进行接收二进制流export function getHeader() { const token = getToken(); if (token) { return { headers: { "Authorization": "Bearer " + token...

2019-11-06 20:41:39 3957

原创 vue中路由文件的拆分

在开发项目过程中，在项目过于庞大，路由信息非常多的情况下，如果将路由配置信息都放在一个文件里面，那么这个JS是不方便维护的，那么，这个时候需要我们把这个庞大的路由文件，根据项目功能分类，拆分为几个不同的路由文件。1.不管你拆分为几个，最后都是要整合到一个js文件里面。2.比如你建立了两个文件夹，分别为router,router2,里面都有一个index.js,其中router为主文件...

2019-11-06 20:27:01 234

原创 vue中同级页面之间方法的调用

1.建立中间件：transfer-util.jsimport Vue from 'vue'export default new Vue();2.home与alluserList文件为同级文件，home文件使用alluserList文件的方法，调用相当于home文件，被调用方为alluserList文件，具体写法如下：两个页面分别引入中间件文件路径：import trans...

2019-11-06 20:11:52 1591

weixin_40800926的博客