嗬呜阿花-优快云博客

父子组件值传递和数据传递昨天程序中用到的，以前没搞懂现学会的做个笔记背景：uniapp微信小程序 UI框架：uview需求：两个页面共用一个自定义的Popup 弹出层组件。问题：Popup 本身自带一个隐藏显示的属性。点击关闭后属性值变成了false,父组件无法第二次调起使用。html## 子组件<u-popup v-model="show" mode="bottom" height="60%" @close="close">//子组件代码省略

2022-05-27 09:21:25 275

原创 vue json转xml

方式一：x2js: 官网使用方法：yarn add x2js import x2js from 'x2js'Vue.prototype.$x2js = new x2js();////// obj(json)let xml = this.$x2js.js2xml(obj);避免空标签自闭合：selfClosingElements=false方式二：xml2js: 官网import xml2js from 'xml2js'Vue.prototype.$xml2js

2022-05-20 13:40:00 1280

原创 uniapp 打包成apk后实现自动更新

检测版本号并实现下载（本地与服务器存储的版本号做比对）页面显示下载的提醒。

2022-05-09 17:06:32 2510 3

原创 ❀❀❀Excel加载项开发及发布❀❀❀

使用Visual Studio 2019 进行excel加载项开发：1、新建项目如果没有此功能，安装即可。2、F5/启动，即可在excel里面看到任务窗格。manifest清单详解：<?xml version="1.0" encoding="UTF-8"?><OfficeApp xmlns="http://schemas.microsof

2022-02-07 17:26:05 8924

原创 vant 基于rem做屏幕适配：

vant 基于rem做屏幕适配：参考官网给出的demo vant-demo安装依赖npm i postcss-pxtorem@5.1.1npm i amfe-flexible在main.js里面import 'amfe-flexible';vue.config.jsconst autoprefixer = require('autoprefixer');const pxtorem = require('postcss-pxtorem');module.exports = { pu

2021-12-10 16:21:34 454

原创 display: grid的用法

.content-box { display: grid; grid-template-columns: 2fr 2.5fr 5fr 3fr 2fr; /* 用于设置列间距 */ grid-column-gap: 4px;}.center-left1 { margin-top: 6px; display: grid; /* 两行两列 */ grid-template-columns: repeat(2, 50%); grid-template-rows: repeat(2, 50%

2021-12-01 14:46:55 678

原创当 vue3 全局挂载 axios 遇到 Cannot read property ‘get‘ of undefined

第一步：先安装axiosyarn add axios / npm install axios##main.jsimport { createApp} from 'vue'import App from './App.vue'import router from './router'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import print from 'vue3-pri.

2021-11-12 13:43:14 5032 1

原创记录electron+vue打包桌面应用程序。

实际应用中有个打印证件的功能，应领导要求做成了桌面应用.之前并没有接触过，在了解过electron是个什么玩意之后，果断决定使用vue做案子，用electron进行打包。关于node的安装与配置，之前也记录过一篇详细的内容，传送门：...

2021-09-22 16:05:59 810

原创 vue插件vue-print-nb打印功能的使用学废了

####先装依赖yarn add vue-print-nb###基于vue写的import Print from ‘vue-print-nb’Vue.use(Print);划重点!!用原生htnl写,用ui框架写样式会导致打印字体糊的一塌糊涂！！踩坑。。用法敲简单！！<div class="box" id="printContent" >打印的内容写这里！！！</div><div class="no-print" >不打印不打印</div&g.

2021-09-07 17:35:59 1274

原创 ♥♥突然理解了代理的用法==＞vue项目打包成桌面应用遇到的问题

序：写了一个证件打印系统（其实就是一个小demo????）vue3+electron 请求使用的axios ???? ps:就是在请求时出现了问题！！遇到的问题：在浏览器里面测试请求是没有问题的，使用electron打包后，请求404百度了一堆只说明了一点：因为我在本地配置了代理，electron解析后的请求路径变成了file:///D:xxx/xxx/这种格式，正常应该是这样的：https://xxx本地不配置代理又会遇到跨域的错误，所以根据环境做了判断：Vue.prototype.a

2021-09-07 11:22:47 660

原创记录uniapp项目打包成桌面应用

1、安装所需依赖cnpm install electron -gcnpm install electron-packager -g2、更改manifest.json配置，项目发布为h53、在打包好的h5文件夹下新建main.js 和package.jsonconst {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')let winfunc.

2021-08-30 15:11:02 2489

原创 uniapp 进行路由跳转传递对象时 `Unexpected end of JSON input`

app调试时，父组件向子组件传递对象：原来是这样写的：//父组件//推荐商品跳转 toPick(e){ uni.showToast({title: '推荐商品'+JSON.stringify(e)}); console.log("JSON.stringify(e)===>>>",JSON.stringify(e)) uni.navigateTo({ url:'../goodDetail/goodDetail?obj='+JSON.stringify

2021-06-29 13:03:54 305

原创 react 分步表单结合文件上传的使用

完整代码：import React, { useState, useEffect, useRef } from 'react';import ProForm, { StepsForm, ProFormUploadButton, ProFormRadio} from '@ant-design/pro-form';import ProTable, { ProColumns } from '@ant-design/pro-table';import { Button, messa

2021-04-30 14:41:32 1332

原创记录react上传组件(分步)的封装和使用

import React, { useState} from 'react';import ProForm, { StepsForm, ProFormUploadButton,} from '@ant-design/pro-form';import { Button, message, Modal } from 'antd';import { PlusOutlined } from '@ant-design/icons';import * as xlsx from 'xlsx';

2021-04-26 09:59:34 796

原创 js小数转百分数

const handleClick=()=>{ var str=Number(0.07*100).toFixed(0); //toFixed(0)括号里的参数控制小数点后面的位数 str+="%"; alert("点击事件") console.log(str) }

2021-04-22 14:54:51 218

原创记录ProCard的封装使用（react）

封装的组件：import React from 'react';import ProCard from '@ant-design/pro-card';import './index.less'const ProCardModule= (props:any) => { //解构从父组件传过来的参数 /* imgPath：图片的路径 colSpan：ProCard的大小 style：样式 title：标题 rPath：跳转路径 imgStyle：图片样式 */ const

2021-04-22 14:33:41 2667

原创关于React使用require动态引入图片路径的问题

由于 webpack 的原因，require 只支持纯静态或变量+静态地址两种：所以即便我们路径是对的，也会报错说找不到对应的模块文件。比如：let tmpUrl = ‘../../../images/hr/’；require(tmpUrl);只能写这种：<img src={require('../../../images/hr/')} />或者这种：// 文件变量var popWinPath = 'js/window';/**动态requirerequire

2021-04-21 15:00:07 3064

原创解决vscode新建ts/tsx文件代码飘红线问题

报红线的错误提示，但是编译是成功的。打开vscode的setting，找到validate，把javascript前面的勾选去掉即可。

2021-04-16 10:53:21 12192 13

原创 React Native项目配置路由和选项卡导航__React Navigation的使用

React Native 配置路由在网上看了很多例子跟着写，发现都不行，发现之前的写法都已经弃用了，跟着官方一步步来吧。参考官方文档：React Navigation先创建好项目：npx react-native init rnDemo1、在React原生项目中安装所需的包:yarn add @react-navigation/native 或 npm install @react-navigation/native2、React Navigation是由一些核心工具组成的，导航器会使用

2021-04-14 16:58:24 2216 1

原创将android studio产生的.gradle .android .androidStudio缓存从默认C盘移动到D盘

why?android studio 在编译的时候会下载 builde.gradle 文件下 dependences {} 中配置的各种依赖包，如果不移动到D盘或者其他盘，那么随之项目依赖的三方包逐渐增多，势必会造成C盘的容量大小会越来越小意思是如果不在环境变量里面设置GRADLE_USER_HOME的值，默认.gradle文件夹的路径是C:\Users\登录名.gradle目录，所以只需要在环境变量里面配置GRADLE_USER_HOME的值为其他盘就行了。重启后AS设置中的Gradle目

2021-04-13 10:40:03 3406 2

原创关于Taro的那些事儿+遇到的一些问题汇总，持续更新ing

最近一直在接触这个，会把自己学到的和遇到的问题记录下来，不定时更新thistaro安装1、安装脚手架npm install -g @tarojs/cli2、初始化项目taro init 项目名3、安装依赖npm install/yarn4、编译# yarn$ yarn dev:weapp$ yarn build:weapp# npm script$ npm run dev:weapp$ npm run build:weapp# 仅限全局安装$ taro build --

2021-04-09 11:16:49 2808 1

原创 React Native环境搭建

1、安装依赖必须安装的依赖有：Node、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。2、Node, JDK我们建议直接使用搜索引擎搜索下载 Node 和Java SE Development Kit (JDK)注意 Node 的版本应大于等于 12，而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8

2021-04-08 16:16:52 283

electron+vue3实现桌面端应用开发

空空如也