qq_42957741的博客

vue打包app的时候点击home键闪退问题，结合实际，问题已解决，希望能帮助各位。名命 back.jsdocument.addEventListener('plusready', function () { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', ...

在有些情况我们也许会碰到如下场景,监听一个input框的输入事件,但是大多数情况下,我们不是为了监听用户输了什么,而是想知道用户输到什么时候结束了,所以如果实时监听键盘事件,在每次用户敲击键盘的时候去触发一个函数,这样就多了非常多无用的操作,比如window.resize事件//在你的控制台输入以下代码window.onresize = ()=> { console.info('...

安装vantnpm i vant -S安装推荐应用 （按需引入）npm i babel-plugin-import -D可以在 babel.config.js 中配置module.exports = { plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es'...

1.需求分析，通过点击右边眼睛图标，让密码显示隐藏。2. 逻辑分析，让俩个input框通过指令model来获取相同得数据，让俩个input type属性不同，这样通过点击右边眼睛图标来实现input的切换，逻辑完成。3. 个人见解，不足之处多多指教。 <div class="ag_name"> <van-cell-group> ...

首先说下下载问题，通过文件地址下载存留问题 无法下载试过a标签搭配文件地址下载，最后发现行不通，一点击下载就直接打开了，不符合需求。通过文件流形式，完美解决，这里通过后端把文件转换文件流的格式传给前端，前端再去转换下载，就OK了第一步，请求接口。...

因业务需求，对接监控显示自己的系统中。前端框架vue监控返回格式m3u8，视频流格式h264，如果视频流格式是h265的建议先把流转换h264。4.本篇文章讲解video.js插件播放m3u81. npm安装和引入npm install --save video.jsnpm install --save videojs-contrib-hls2引入对应css我们需要引入videojs的css文件，例如在main.js中引入import 'video.js/dist/video-j..

在项目src下添加bmp.js，内容如下：（ak是密钥）// bmp.jsexport function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement('scr.

<el-table-column prop="amountRec" :formatter="rbstateFormat" label="金额" min-width="150" ></el-table-column> methods:{ // 金额千分位 rbstateFormat(row,column,cellValue){ if(cellValue !== null){ cellValue = ..

轮播图，绘制图表，通过循环展示所有。 <template> <div class="q_swiper2" v-for="(item,index) in refPriceList" :key="index"> <div id="myChart" > </div>

// 计算俩个时间之间天数 getTime($time1, $time2){ var time1 = arguments[0], time2 = arguments[1]; time1 = Date.parse(time1)/1000; time2 = Date.parse(time2)/1000; var time_ = time1 - .

博客好久没更新了，可能是我懒了，也可能是最近太忙了。最近项目中有个需求，需要用到定位来查看用户的位置。于是乎。。。。。成功的流程通过微信定位获取经纬度坐标 ==》拿到坐标后通过百度地图的坐标转换方法，最终获取精准定位显示在百度地图上。百度地图定位，（失败）百度地图api给的文档很清楚，直接拷贝复制，更改成自己的秘钥就可以看到效果了，但是。。。我在福田，你却定到农林*（苹果手机定位是OK的，需求不能满足。需要继续解决。）*，难道是基站问题，疯狂查阅，疯狂百度，没一个方法是OK的，换高德

在做微信端会牵扯到微信浏览器的环境，网上借鉴案例： getisweixing(){ var wx= window.navigator.userAgent.toLowerCase(); if (wx.match(/MicroMessenger/i) == 'micromessenger') { console.log('是微信浏览器默认走微信') return true; // 是微信端

},mounted(){ this.title = this.$route.meta.title; // 导航栏信息},components:{ Navheader,}}

1.` 2.return{ userImg:'', // 头像 } // 第一步 //从相册中上传 upimage1(){ this.$refs.fileInput.click(); }, //第二部 预览图片 getFile (event) { const files = event.target.files let filename = files[0].name //只有一个文件 if ( filename.lastIndexOf('.') <= 0 ) { return al

这段时间需要写一个手机通讯录的功能，后端只给了数据，没有分组，也没有字母分类，下面将实现这个功能。效果图首先新建俩个js文件。pinying.jsexport const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u

本文主要实现列表页跳转详情页，返回列表页时回到上次滚动位置。设置router添加name值和meta.keepAlive值。router.jsvue 版本大于 2.1.0时候可以使用 include 和 exclude。这里需要注意的是，一定要在页面添加name属性。我们后面需要根据router去动态设置arr数组，所以我们这里需要在router里也设置name并且与页面保持一致app.vue<template> <div id="app"> <ke

app.vue 定义全局刷新页面的方法。其他页面需要时直接调用，下面会写调用方法，避免闪屏<template> <div id="app"> <keep-alive :include="arr"> <router-view v-if="isRouterAlive"/> </keep-alive> </div></template><script>expo.

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。直白点就是，vuex是vue存放公共数据的一个仓库，包括数据更新，修改等多种行为。避免了组件之间传值的迭代繁琐，使数据更新修改变得更加直观简便，便于操作，props和data和Vuex的区别。props是存放父组件传递的数据，data是存放组件内部私有数据，Vuex是存放项目共享数据。1.安装vueXnpm install...

src同级目录下新建 vue.config.js 文件，vue.config.jsmodule.exports = { publicPath: '/', // 根路径 ====》 baseUrl: '/',已废弃 outputDir: 'dist2', // 构建输出目录文件名打包时生成的名字。 assetsDir: 'assets', // 静态资...

此篇案例写父子组件传 ‘标签’ 或传 ‘div容器’ 利用卡槽（slot）来实现，父组件 app.vue// 如果在父级挂载的qisolt中直接传递h1和p标签，子组件qisolt必须要有<solt></solt>来接收，<template> <div id="app"> <!-- 路由切换容器 --> <...

这段时间一直在忙着赶项目，今天给大家分享一个小应用，在我们平时开发中都会遇见的，话不多说，直接上代码。时间戳代码 <van-field class="date-b" v-model="dateValue" placeholder="交付时间" @click="show = !show"/> js部分//。return{ dateValue: "2019-5-23", //...

在vue中，路由这一块相比大家都有自己的一套见解，今天跟大家分享一下我平时写路由的方法，话不多说上代码1. 第一步我们在main.js中引入路由，然后注册路由。 import VueRouter from 'vue-router' Vue.use(VueRouter); //创建路由 const router = new VueRouter({ ...

最近有人问我一个问题vue中怎样传id1.首先列表页：在我们渲染列表页数据的时候，每条数据中都会有个id，这是他们唯一的标识，列表循环是我们取到他的id放到我们的点击事件中。html<div class="studaylist clearfix" v-for="(item,i) in list" :key="i"> ...

第一步，创建vue项目，vue init webpack myvue第二步，安装scss，项目运行cmd中输入npm install sass-loader --save-devnpm install node-sass --sava-dev第三步，在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loader...

收钱说明，如果你是通过：npm init webpack 项目名 创建的项目，不需要手动配置webpack，所以我们子需要俩步。npm install less less-loader --save //将less和less-loader安装到开发依赖npm run dev //运行项目第二部：安装成功后<style lang="less" scoped> ...

当前页面 <!-- 提交按钮 --> <span class="purchase" @click="orders()"> 购买:{{this.moneys}}元 </span>jsmethods:{ orders(){ ...

此片博客介绍的方法是通过请求后台数据给的状态，然后把自己选择的时间传过去实现筛选的，根据业务逻辑来参考吧！下篇我们会说下通过vue过滤器来实现的方法！html部分·<div class="ag_listmain clearfix"> <div class="ag_yearlist" v-for="(item,key) in li...

这篇我们来说下根据前端vue过滤的方法来实现赛选 <div class="ag_yearlist" v-for="(item,key) in fliterlist" :key="key" @click="agrouter(item.id)"> <div class="agtitle"> ...

第一步，安装qrcodejs2插件npm install qrcodejs2 --save第二步在需要的页面中引入模块 qrcodejs2import QRCode from 'qrcodejs2'第三步html中 <div id="qrcode"> </div>第四部，配置methods方法：methods：{ qr_code(){...

1. 父向子组件传值子组件 props接收父组件<template> <div class="prent1"> 父组件: <br> <br> <!-- 引入子组件 --> <chlid1 :inputName="name"></chlid1> </div...

vue单选按钮，选中改变其当前按钮颜色html: <span v-for="(item,index) in state" :key="index" @click="leftChange(index)" :class="{ liBackground:changeLeftBackground == index}"> {{item}} &l...