wozouludaifeng的博客

自定义指令

// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias./* eslint-disable */import Vue from 'vue'import App from './App'import router from './router'// 导入vant import '

let url = window.location.href if(url.indexOf("?")!=-1){ url = url.replace(/(\?|#)[^'"]*/, ''); window.history.pushState({},0,url); }

<AddOrEditMedical ref="AddOrEditMedical" :visible="addsVisible" :eventlist="eventlist" @close-visible="onFinsh" />editMedical(data) { this.$refs.AddOrEditMedical.show(data.id); this.addsVisible = true; },`methods: {show(id) {t

npm install vue-count-to<template> <countTo class="ICountUp" :startVal='startVal' :endVal='realTimeNum' :duration='2000' :decimals="decimals" :autoplay="autoplay"></countTo></template><script>import countTo from 'vue-c

<template> <div class="chartNum"> <div class="box-item"> <li :class="{'number-item': !isNaN(item), 'mark-item': isNaN(item) }" v-for="(item,index) in orderNum" :key="index"> <span

1.在mian.js文件中引入import Vue from 'vue'import '@/components/index' // 注册全局组件2.在/components/index.js文件中引入所需要组件import Vue from 'vue'import Empty from './Empty.vue'import FooterBar from './FooterBar.vue'Vue.component('y-empty', Empty)Vue.component(

使用exports.install+Vue.prototype(推荐)在crypto.js文件中创建自己的自定义的方法Crypto()。import CryptoJS from 'crypto-js'export default{ install(Vue){ Vue.prototype.Crypto = function (word, getkey) { console.log(word,getkey) var key = CryptoJS.enc.Utf8.pa

created() { const timer = setInterval(()=>{ console.log('1') },1000) this.$once('hook:beforeDestroy', ()=> clearInterval(timer)) }

子组件<template> <div class="radio"> <label class="title">{{title}}</label> <a href="#" v-for="(item, index) in options" :key="index" class="radioLink"> <div class="radioList">

1、export const UPLOAD = (file) => { let form = new FormData() form.append('file', file) return new Promise((resolve, reject) => { resolve(res) reject(error) })}2UPLOAD(file).then(res => {//file=e.target.files[0] document.get

先head引入 <script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script><div id="login_container"></div>setWxerwma() { const obj = new WxLogin({ self_redirect: true, id

注意：目前通过webview跳转到其他网址支持：1、与微信小程序绑定的微信公众号文章地址;2、在微信小程序后台配置好业务域名的地址。1、新建一个只有webview组件的页面<template> <view> <view> <!-- url为要跳转外链的地址--> <web-view :src="url"> </web-view>

npm install better-scroll --save<div class="person-wrap" ref="personWrap"> <ul class="person-list" ref="personTab"> <li class="person-item">import BScroll from 'better-scroll'created() { this.$nextTick(() => {

initEchartRadar() { this.mydpc = echarts.init(document.getElementById('mydpc')) this.mydpc.setOption({ title: { show: false }, legend: { show: false }, radar: { name: {

import QRCode from 'qrcode' // import引入可能会导致报错，可以尝试require// const QRCode = require('qrcode'); // With promisesQRCode.toDataURL('I am a pony!') .then(url => { console.log(url) }) .catch(err => { console.error(err) })Example： .

import JsBarcode from 'jsbarcode'JsBarcode("#barcode", jiuZhenKH, { width:4, height:60, lineColor:"#333", displayValue: false .

<div class="dialog-mask" v-if="display"> <div class="dialog " id="dialog"> <div class="title">请输入授权验证码</div> <div class="input"> <input id="first" class="inputStyle" v-model="code[0]" style="

wx.invoke('checkIsSupportFaceDetect',{},(res)=>{ if(res.err_code == 0){ this.$createDialog({ type: "confirm", title: "温馨提示",

总秒数CountDown(){ let maxtime = 30 //倒计时间总秒数 this.timer = setInterval(()=>{ if (maxtime >= 0) { let hour = Math.floor((maxtime / 3600) % 24); let minutes = Math.floor((maxtime / 60) % 60); let seconds

<template> <span>{{hour? hourString+':'+minuteString+':'+secondString : minuteString+':'+secondString}}</span></template><script> export default { data () { return { hour: '', minute: '',

vue自定义全局公共函数单独零散的函数在main.js里进行全局注册Vue.prototype.ajax = function (){}在所有组件里可调用this.ajax()多个函数定义在一个对象里// xx.js文件var tools = {}tools.addNum = function (x, y) { return x * y} // 还可以在这个文件里面添加多个函数tools.install = function (Vue, options) { Vue.pr

<el-date-picker type="daterange" unlink-panels value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>data() { return { select

computed:{ tableData(){ if(this.keshi){ return this.list.filter(item => item.ksmc.indexOf(this.keshi) > -1 || item.ksdm.indexOf(this.keshi) > -1); }else{ return this.list; } } }