![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue前端实用方法
vace cc
这个作者很懒,什么都没留下…
展开
-
vue多次缓存一个子页面(由keep-alive改变)
我在一个页面中引入了一个子组件,我希望在父组件点击(按钮一)事件时切换子组件的值,并且在点击别的按钮(按钮二)的时候将当前子组件的属性保存下来。再点击之前的按钮(按钮一)将子组件还原成原始状态原创 2022-09-23 12:02:47 · 647 阅读 · 0 评论 -
解决el-checkbox点击文字也会选中
最近要做一个 多选框嵌套下拉框的一个功能,在点击下拉框时,多选框一直会被选中或者取消,这里做一下解决记录首先展示一下要做的功能出现原因:el 的checkbox的组件整个是由lable包裹的,所以重写el-checkbox就可以了原编码:解决:这里用div或者span都是可以的,div会处理成 line-block引入:原创 2022-09-19 10:15:28 · 4357 阅读 · 1 评论 -
uniapp下的apk读写文件实现
另外:不要乱搞,提供方法仅为学习工作,进去踩缝纫机与本人无关。工作中需要将软件下的某些数据固化,用到了以下方法。这里提供了最基础的方法,该加密加密,该干嘛干嘛。新建 native_file.js。可以在文件管理中看到该文件。测试用的mumu模拟器。原创 2022-08-19 10:42:56 · 1393 阅读 · 0 评论 -
树形结构 实现java与js都有
调试:2. java找不到代码了,就找了个截图原创 2022-07-05 16:56:33 · 214 阅读 · 0 评论 -
es6到es12新特性介绍
ES6(2015)1. 类(class)class Man { constructor(name) { this.name = name; } console() { console.log(this.name); }}const man = new Man('老王');man.console(); // 2. 模块化(ES Module)// 模块 A 导出一个方法export const sub = (a, b) => a + b;// 模块 B转载 2021-11-01 10:36:32 · 527 阅读 · 0 评论 -
element admin 组件对照
组件:1.backtotop :返回顶部插件样式:2. breadcrumb :面包屑样式:3. Charts :echart图表工具-柱形图、线形图样式:4. DndList :拖拽窗格样式:5. DragSelect :拖拽窗格点击选择后,输入框标签能左右拖动样式:6. Dropzone :拖拽上传样式:7. ErrorLog :异常日志样式:8. GithubCorner :github路径,小猫头样式:9. Hamburger :侧边栏展开按钮原创 2021-09-08 18:07:23 · 272 阅读 · 0 评论 -
vue计算方法 computed
当用到计算属性时,,方法默认返回的时get方法例: computed: { fixedHeader: { return this.$store.state.settings.fixedHeader }}这里默认返回get方法,实际计算属性 如下: computed: { fixedHeader: { get() { return this.$store.state.settings.fixedHeader },原创 2021-09-08 10:22:42 · 383 阅读 · 0 评论 -
uniapp基于安卓平台动态展示static图片不显示问题解决方法
和微信小程序对比只是在/static前加“.”安卓app在生成基座或者打包之后,他的static文件夹与html同级别,所以在添加路径的时候一定要在/static前加“.”并且在添加image的路径的时候必须是单引号,否则也会导致不显示<view v-html="item"></view>export default{ data(){ return{ test:"<image src='./static/image/emoji/113.gif' sty原创 2021-07-05 15:42:42 · 2929 阅读 · 0 评论 -
uniapp跳转页面传参编码解码
正常是有关uniapp跳转页面时正常传字符串是没问题的,但是,参数存在特殊字符时,就会导致参数无法传递。这事就可以用到encodeURIComponent()和decodeURIComponent()将字符串作为 URI 组件进行编码encodeURIComponent()具体代码let data =JSON.stringify({ id:1, name:'laowang', age:22})uni.navigateTo({ url: '../test/index?data=' + e原创 2021-07-05 11:35:58 · 4386 阅读 · 2 评论 -
apk提示sdk版本不一致
更新sdk版本一般为hbuilder最新版本忽略版本检查"app-plus" : { "compatible" : { "ignoreVersion" : true //true表示忽略版本检查提示框 },}当然还是建议更新的,有可能部分新出的控件在老的sdk中是无法编译的...原创 2021-05-27 09:05:47 · 624 阅读 · 0 评论 -
js 数据排序
let list = [ {index:2,name:"老王"}, {index:1,name:"老张"}, {index:3,name:"老李"}, ] this.list.sort( (a, b) => { return a.index - b.index })结果:[ {index:1,name:"老张"}, {index:2,name:"老王"}, {index:3,name:"老李"},]...原创 2021-05-20 13:51:57 · 151 阅读 · 0 评论 -
vue接口路径配置
在个人开发中,大多说vue的封装是固定形式是写在文件中,切不可更改例:URL: 'http://127.0.0.1:8182/',axios()//方式ajax()//方式如何在项目封装后依然可以更改?创建文件在根目录下创建static文件夹并创建config.json文件{ "name": "static", "version": "1.0.0", "url": "http://127.0.0.1:8183/", "dependencies": {},}在js原创 2021-05-19 17:03:45 · 988 阅读 · 0 评论 -
uniapp自定义顶部按钮
page.json{ "path":"pages/msghome/home", "name":"chatIndex", "style":{ "navigationBarTitleText":"信息", "navigationBarBackgroundColor":"#FE5F46", "app-plus":{ "titleNView": { "autoBackButton":false, //是否需要返回按钮 "buttons":原创 2021-05-12 15:52:28 · 1506 阅读 · 0 评论 -
uniapp文字穿插表情消息处理
直接上代码:<template> <view class="content"> <view style="overflow-y: auto;"> <!--scroll-y:纵轴滚动, scroll-top:定义距离顶部高度 @scroll重新定义距离顶部高度--> <scroll-view class="content-box" :scroll-y="true" :scroll-top="scrollTop" :style="{he原创 2021-04-28 13:51:28 · 3046 阅读 · 3 评论 -
制作自增键
java优点:可以根据要求在键前添加指定字符,例如键要添加以公司缩写的字符缺点:严重依赖时间,如果时间回拨,并且数据量大会在那一秒钟凉凉推荐用stringBuffer进行字符的增加(这里就不写了)import org.springframework.stereotype.Component;import java.text.SimpleDateFormat;import java.util.Date;import java.util.Random;@Componentpublic cl原创 2021-04-25 10:10:21 · 122 阅读 · 0 评论 -
消息推送unipush的简单使用
配置manifest.json中选中push配置push点击uniPush下的配置输入个人信息并点击授权并开通填写信息后点击开通,选择配置管理应用配置,记录应用配置信息前端在app.vue中onLaunch: function() { const clientInfo = plus.push.getClientInfo() console.log(clientInfo) plus.push.addEventListener("click", function(msg) {原创 2021-04-22 14:23:53 · 4963 阅读 · 5 评论 -
vuex的几种常用方法
1. vuex安装安装vuex(uniapp跳过)npm install vuex2. 无getters实现主仓import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import user from './modules/index.js'const store = new Vuex.Store({ modules: { user, }})export default store子仓下面是一个uniapp原创 2021-04-20 14:39:43 · 1031 阅读 · 0 评论 -
uniapp时间处理、键盘弹出处理
1. 时间处理在安卓上使用2021-5-1 12:10:54这类字符串转时间在字符串后添加.replace(/-/g,’/’)就可以解决了这里是处理分解;今天、昨天、之前的//用computed是可以在循环中进行运算computed: { timestampFormat() { return function(time) { //可以直接截取,然后补零,比当前方法更有效率 let newTime = new Date(formatDate(new Date(), '原创 2021-04-19 16:05:16 · 1669 阅读 · 0 评论 -
Promise封装前端接口
什么是PromisePromise 对象代表了未来将要发生的事件,用来传递异步操作的消息。如何利用Promise进行类似同步操作test(index){ return new Promise((resolve, reject) => { //逻辑处理 if ( index*10>100 ) { //执行通过返回参数 reject(index*10) }else{ //执行错误返回参数 resolve("数据小于10") } })},.原创 2021-04-10 11:54:53 · 525 阅读 · 0 评论 -
Vue、uniapp文件打包安卓应用
ios的打包步骤一样的,这里不放的原因是:ios打包需要掏钱,穷的很用到的软件: Hbuider X;JDK1.8;1.项目打包(uniapp跳过本步骤)npm run build生成dist文件夹。进入文件夹双击index.HTML文件,在网页中测试没有问题。2.新建app项目(uniapp跳过本步骤)打开Hbuider X;新建5+app项目新建完成之后,保留manifest.json文件,其他文件全部删除。将生成的dist文件夹中的内容放入app项目中。3.更改manifest.原创 2021-04-10 10:04:23 · 2129 阅读 · 2 评论 -
vue打包exe桌面应用
1. 下载electron文件:git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm installnpm start2. 更改vue配置将下载的electron文件中的main.js复制到vue项目根目录下并改名为electron.js更改路径:在项目config/index.js 中 build: - assetsPublicPath 修改为相对路径 ./3. 添加el原创 2021-04-10 09:46:20 · 241 阅读 · 0 评论 -
vue实现excel导出
1. 安装xlsx、file-savernpm install xlsx file-saver2. 在common文件夹下创建Export2Excel文件/* eslint-disable */import { saveAs } from 'file-saver'import XLSX from 'xlsx'function generateArray(table) { var out = []; var rows = table.querySelectorAll('tr');原创 2021-03-23 11:40:39 · 240 阅读 · 0 评论 -
vue实现excel导入
1. 引入excel插件npm install xlsx2. 在components下创建UploadExcel文件创建UploadExcel文件夹,创建index.vue<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick"> <原创 2021-03-23 10:24:51 · 891 阅读 · 0 评论