vue
文章平均质量分 50
ThatITs
写bug
展开
-
vue插件集合10:vue中的tab底部栏
<template> <div class="login"> <!-- 底部导航部分 --> <div id="TabBar" class="tab-bar row"> <div class="cell-3 tab-bar-item" @click="goPage(0)"原创 2019-02-12 13:53:38 · 449 阅读 · 0 评论 -
VUE开发钱包助记词的逻辑
<!-- 导航栏返回按钮 --> <!-- <van-nav-bar title='备份助记词' left-arrow @click-left="onClickLeft" /> --> <!-- 选中词 --> <div class="seleWords"> <ul class="sele原创 2022-02-24 11:32:21 · 214 阅读 · 0 评论 -
关于区块链的助记词以及BTC地址,私钥,公钥,ETH地址获取的方法
*** VUE项目中的获取助记词的方式***安装需要的依赖环境如果你安装了国内的淘宝镜像了 ,建议你用cnpmbip39:npm install bip39bip32:npm install bip32ethereumjs-util:npm install ethereumjs-utilbitcoinjs-lib:npm install bitcoinjs-lib这个我不知道怎么回事...原创 2021-01-12 14:16:00 · 1846 阅读 · 0 评论 -
vue插件应用实列集合
1:animate.css的应用2:jwt的解密应用3:监听安卓手机的物理返回键 mui4:vue复制的功能5:vue生成二维码6:vue前端生成验证码7:获取验证码的方法8:vue项目中简单的px到rem的换算单位1:animate.css的应用1:npm install animate.css --save2:main.jsmain.js中import animated from 'animate.css';Vue.use(animated);== 3:应用==<d原创 2021-01-12 11:35:38 · 758 阅读 · 0 评论 -
vue插件集合21:vue i18n做国际化切换中英文
1:安装需要的插件npm install vue-i18nnpm install js-cookie2:创建多语言的文件夹和js文件我是在src下创建了lang级目录,然后新建了zh.js,en.js,lang.js 三个js文件lang.js文件内容export default { setLang(lang) { window.localStorage.setItem('language', lang) }, getLang(defaultLang) { let localLa原创 2021-01-12 10:59:24 · 501 阅读 · 0 评论 -
vue插件集合15:vue 组件传递参数的方法以及事件方法
1:创建公共的子组件template:<view class="listCon" v-for="item in list"> <view class="listwd flexbox"> <view class="vipwd">{{item.name}}</view> <view class="vipwd">{{item.vip}}</view> <view>{{item.num}}&原创 2020-06-29 15:28:39 · 539 阅读 · 0 评论 -
uniapp的分页加载没有用到uni-load-more
简单粗暴上代码1:template文件<template> <view class="energy"> <view class="content"> <div class="contentab"> <div> <view v-for="(item,index) in list" :key="item...原创 2020-05-03 12:08:21 · 3700 阅读 · 0 评论 -
vue插件集合16:vue前端生成图片验证码包含验证
1:创建组件的文件(简单粗暴上代码,方便复制)<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template>&...原创 2020-04-30 10:58:14 · 2632 阅读 · 6 评论 -
vue项目的创建步骤
1:第一步清楚默认的浏览器样式引入清楚默认样式的css :reset.cssmain.jsimport '../static/css/reset.css' //样式重置2:安装FastClick依赖安装:cnpm i fastclick --savemain.js//屏幕点击事件import FastClick from 'fastclick'if ('addEventLis...原创 2020-04-17 13:51:37 · 244 阅读 · 0 评论 -
vue插件集合22:vue 简单粗暴,复制粘贴改变跨域
1:找到config下面的index.js 在dev下面的proxyTable添加如下'/': { target: 'http://www.zgddyc.com.cn/api/', //你要访问的服务器域名 changeOrigin: true, //允许跨域 pathRewrite: { '^/': '' }...原创 2020-04-17 09:13:08 · 258 阅读 · 0 评论 -
vue插件集合20:vue三种路由引用以及路由守卫
1:这是最常见一种 route的方式import home from "./home.vue";import about from "./about.vue";export default new Router({ routes: [ {path: '/home ',name: 'home ',component: home ,meta: {title: 'home',require...原创 2019-06-25 09:27:32 · 14522 阅读 · 1 评论 -
git克隆仓库 以及提交
1:克隆到本地git clone 仓库地址2:查看修改了那个文件git status3:提交代码 以及修改的标注git add .git commit -m ‘标注以及修改内容’4:上传与下拉git push 跟 git pull...原创 2019-05-17 16:44:02 · 8810 阅读 · 0 评论 -
筛选蒙层
<div class="listbox"> <transition name="filter"> <div class="filterbox" v-show="tkshow"> <div class="content"> <div class="title"> 币种 </d...原创 2019-05-25 11:06:54 · 180 阅读 · 0 评论 -
vue插件集合9:vue的tab切换 以及底部栏
1:vue中手机号的验证方式 用的vant框架1:模板中<div class="Info"> <i class="iconfont icon-shouji"></i> <input v-model="moblie" class="inputNum" type="number" value="&原创 2019-05-08 17:04:31 · 1365 阅读 · 0 评论 -
用于登陆验证的vue组件 滑动
1:通过npm安装npm install vue-drag-verify --savenpm install font-awesome<template> <div class="login"> <van-popup v-model="show" :overlay="true" :close-on-click-overlay="true"> ...原创 2019-04-25 16:27:21 · 2062 阅读 · 1 评论 -
vue的底部tab切换 以及图片的变化 两种方式
<template><div class="footbar"> <router-link to='/' tag='div'> <span> <img :src="this.$route.path=='路径'?'选中的图片':'未选中的图片'" alt=""> </...原创 2019-04-15 13:53:05 · 2904 阅读 · 0 评论 -
vue插件集合11:vue 自定义顶部栏组件
<template> <div class="goBack"> <div class="goBackTop"> <img class="back" @click="goback" src="static/images/my/searchCoin/fan@2x.png" alt=""> <div class="text">...原创 2019-04-26 09:47:32 · 549 阅读 · 0 评论 -
vue插件集合19:vue将时间戳转换成日期格式
(1)创建一个处理时间格式的js,内容如下:export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M...原创 2019-06-07 17:42:19 · 1468 阅读 · 0 评论 -
js获取当前日期的前七天
aa() {var myDate = new Date(); //获取今天日期myDate.setDate(myDate.getDate() - 6);var dateArray = [];var dateTemp;var flag = 1;for (var i = 0; i < 7; i++) {dateTemp = (myDate.getMonth() + 1) + “-”...原创 2019-06-15 18:09:34 · 852 阅读 · 0 评论 -
如何在地图上显示多个红包商店 vue
1:申请百度,高德等任意一个地图的key2:在vue的html中 引入 3:简单粗暴上代码HTML: <section> <div id="map_canvas" class="map_canvas" style="width: 100%;height: 100%;"></div> </section>script:&...原创 2019-09-05 16:19:15 · 367 阅读 · 0 评论 -
上传图片的方法(单张或者多张)
1:<div class="pclogo"> <img v-show="!fileimg" src="@/assets/img/zheng@2x.png" alt="正面" class="pic"> <img v-show="fileimg" :src="fileimg&&fileimg" class="pic" alt="正面"> &l...原创 2019-07-09 15:41:35 · 755 阅读 · 0 评论 -
vue插件集合17:vue获取国家以及地区的方法
<template> <div class="atnight"> <div class="topseach"> <form action="/"> <van-search v-model="searchVal" :placeholder="$t('auth.count')" show-action @search="onS...原创 2019-06-22 15:51:54 · 7763 阅读 · 0 评论 -
MVC与MVVM的区别
1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据...转载 2019-03-27 11:58:07 · 190 阅读 · 0 评论 -
VUE笔记
项目中遇到的一些问题,笔记 方便下次原创 2019-03-23 13:26:53 · 796 阅读 · 1 评论 -
vue插件集合12:vue中判断是iOS,安卓,以及微信的方法
模板中: 其中,img是一张图片,在微信中提示打开浏览器下载&amp;lt;div id=&quot;showad&quot; v-show=&quot;ShowDark&quot;&amp;gt; &amp;lt;div class=&quot;pop&quot;&amp;gt; &amp;lt;img class=&原创 2019-02-14 09:23:19 · 6162 阅读 · 1 评论 -
vue插件集合14:vant的按需引用
1:npm install vant --save2:cnpm i babel-plugin-import -D3:修改.babelrc文件为下面样子{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "la原创 2019-02-28 10:57:45 · 1274 阅读 · 3 评论 -
VUE环境的安装步骤
本人自己的一些安装方式,希望能帮助到您。我用的git安装的,需要下载git的安装。自行百度,谢谢第一步:安装node.js地址:node的官方地址第二步:检测node.js 以及npm的版本检测node的版本:node -v检测npm的版本:npm -v第三步:使用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.ta...原创 2019-01-08 10:48:46 · 1834 阅读 · 0 评论 -
vue插件集合18:vue实现长按删除方法
1:template中<div v-for="(item,index) in arr" :key="item.id" @touchstart.prevent="touchinUk(index)" @touchend.prevent="cleartime(index)"> <div> <p>{{item.address}}&l原创 2019-03-11 11:55:30 · 5914 阅读 · 4 评论 -
vue插件集合23:vue中axios的封装
1:axios的封装import axios from 'axios'import {Toast} from 'vant';// 引用vuex 来判断 token import store from '../store/store.js'// 创建 axios 实例export const Axios = axios.create({ baseURL: 'https://ont...原创 2019-03-26 11:19:35 · 414 阅读 · 0 评论 -
常见的HTTP状态码
1:2开头 (请求成功)表示成功处理了请求的状态代码。200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。201 (已创建) 请求成功并且服务器创建了新的资源。202 (已接受) 服务器已接受请求,但尚未处理。203 (非授权信息) 服务器已成功处理了请求,但返回的信息可能来自另一来源。204 (无内容) 服务器成功处理了请求,但...转载 2019-03-21 17:59:08 · 286 阅读 · 0 评论 -
vue插件集合24:获取token,存到header中,后台验签token
1:从接口处拿到token以此接口为例子this.$http.post(&quot;/api/account/login/&quot;, { account: this.moblie, password: this.password, captcha_image: this.icodenum }) .then(res =&amp;gt; { consol.log(res.data.data....原创 2019-03-12 10:40:42 · 5526 阅读 · 1 评论 -
1:利用http-server测试vue-cli打包后的项目
目前在练习Vue,利用vue-cli脚手架开发了个vue2.0仿唯妮海购项目,在生产环境中一切良好,项目暂时告一段落,根据官方的npm run build打包后发现,在自己没有线上服务器的情况下,测试成为一大难题(实践发现,后面还有很多坑等着去填~~)。1:打包测试(搭建服务器)打包后的代码必须放在服务器下才能运行哦!直接双击index.html是不行的。利用node.js的 http-se...转载 2019-03-20 13:14:40 · 1327 阅读 · 0 评论 -
vue项目上传图片的方法
<template> <div class="power"> <ul class="clearfix"> <li class="one" v-if="imgs.length>0" v-for='(item ,index ) in imgs'> <img :src="item"> </li> ...原创 2019-03-20 10:34:30 · 17050 阅读 · 0 评论 -
web3的一些简单的应该用
直接上代码 在vue中应用npm install web3.js --savevar Web3 = require("web3");var web3 = new Web3();web3.setProvider(new Web3.providers.HttpProvider("https://mainnet.infura.io/v3/0360f8360af941eeb58f6d2db15a...原创 2021-01-12 14:15:29 · 317 阅读 · 0 评论