cc25485697-CSDN博客

原创 Vue打印页面

1.安装控件 vue-print-nb安装打印控件npm install vue-print-nb --save2.全局注册插件// 打印控件import Print from 'vue-print-nb'Vue.use(Print)3.具体使用html代码<div slot="footer" class="dialog-footer"> <el-button v-print="printMe" type="primary">打印</el-button&

2021-08-04 16:27:24 1248

原创 uniapp中使用navigateBack和uni.$on进行页面通讯传参

uniapp中使用navigateBack传参，应用场景：通知发送，选择用户（机构），用户（机构）比较多，单独跳转新的页面进行选择后回传到通知发送的编辑页面通知编辑页面页面用的uview组件，具体使用请查看 uview官网，代码中略去的如附件等内容选择机构使用u-input的select模式<view class="form"> <u-form :model="dataTemp" ref="uForm" label-width="140" :error-type="erro

2020-10-26 11:40:56 3521

原创 uniapp map组件的regionchange方法（二）

之前用到加载多边形，通过缩放，拖动会产生范围的变化，需要重新加载当前视窗的多边形地图加载<view class="page-section page-section-gap"> <map id="mapInfo" ref="mapInfo" class="mapinfo" :latitude="coordinate.lat" :longitude="coordinate.lng" :markers="covers" :show-location="true"

2020-10-23 14:14:57 4526 1

原创 uniapp map组件多边形、标记点的坑（一）

最近项目用到uniapp开发微信小程序，需要在地图上展示多边形，标记点一、地图加载<view class="page-section page-section-gap"> <map id="mapInfo" ref="mapInfo" class="mapinfo" :latitude="coordinate.lat" :longitude="coordinate.lng" :markers="covers" :show-location="true"

2020-09-04 11:48:43 8138 3

原创 axios 传递数组参数

正常传参request是封装axios的请求方法，这部分以后贴具体的封装import request from '@/utils/request'export function fetchList(query) { return request({ url: '/contract/', method: 'get', params: query, })}数组传参数据定义为数组，传递的参数希望的格式是：http://ip/contract?status=1&

2020-08-10 15:30:11 1823

原创 el-table 动态增减表头

el-table动态增减表头，可以作为简单的自定义报表或者列表查询显示1.el-table代码，el-table-column做循环 <el-table v-loading="listLoading" highlight-current-row :data="list" border stripe max-height="600px" > <el-table-c

2020-07-17 16:02:32 1091

原创 vue中checkbox修改为圆形样式

有些时候我们需要对checkbox进行样式修改，例如改为圆圈：checkbox代码 <input type="checkbox" class="layers-item-selector" :value="item.name" v-model="value" />css样式.layers-item-selector { outline: none; width: 16px; height: 16px; background-color: #ffffff; border

2020-07-15 17:06:27 9766 2

原创解决vue 刷新当前页面的问题

vue刷新当前页面不常用，在我的项目中还是有类似的需求，这里记录一下吧在app.vue中添加刷新方法<template> <div id="app"> <router-view v-if="isRouterAlive" />//通过变量控制路由重新加载 </div></template><script>export default { name: 'App', provide() { // 父组件中通

2020-07-06 18:15:29 1179 2

原创 el-cascader 隐藏单选框点击直接选中

在使用el-cascader做级联选择时，选项前会有选择框，而当需求是悬浮时直接显示下一级，并且任意级别都可以选中，使用起来就不那么方便，这样的方式多用于地址选择器，这时可以通过样式进行修改：.el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; right: -10px; background-color: red($c

2020-07-06 17:48:57 5323 3

原创解决vue页面中background背景图404问题

在 css中写background增加背景图片，会出现404错误，在css中可以这样写避免404： background: url("~@/assets/img/main-title.png") no-repeat; background-size: 100% 100%;解释一下，@这是webpack设置的路径别名，代表src resolve: { alias: { '@': resolve('src') } }~符号，是stylus-lo

2020-06-24 12:20:21 2945

原创解决ElementUI el-table行内输入验证问题，动态增减行

el-table动态增加行eltable动态增加行或者删除行只需要控制对应的数组就可以实现，table绑定及控制代码如下：

2020-06-17 14:24:13 5289 9

CC的博客