
vant
csstmg
这个作者很懒,什么都没留下…
展开
-
h5 vant上传图片 上传文件 支持多张单张
效果图一个图片上传一个文件上传上代码<template> <div class="myBox" :class="{'big':isbig}"> // 照片文件展示 里面有的图片需要换成vant - icon <div class="twoBox"> <div class="dragBox "> <div class="m原创 2022-04-22 13:58:43 · 1008 阅读 · 0 评论 -
链接拼接 有时候对象转字符串会乱码苹果打不开 用base64加密解决
//1.加密 var str = 'adja阿斯加德好看就'; var base = new Base64(); var result = base.encode(str); //2.解密 var result2 = base.decode(result);原创 2021-06-26 18:00:32 · 116 阅读 · 0 评论 -
关于视频的一个组件
<template lang="pug"> .Video_message video(v-if="!isIE" controls :id="id" width="300" height="400" controlslist="nodownload" disablePictureInPicture="true").video source(:src="value.video.videoUrl" type="video/ogg" ) source(:src="v.原创 2021-06-25 17:41:04 · 100 阅读 · 0 评论 -
循环引入文件
<script>const components = {}// 一个对象const componentsContext = require.context('../msgTypeComponent', true, /.*.vue$/)componentsContext.keys() // ['./card.vue'].forEach(component => { const componentConfig = // 每个.vue文件对象属性 componentsCo.原创 2021-06-25 17:07:21 · 119 阅读 · 0 评论 -
vue中 对vconsole进行 -点击多次- 隐藏展示控制--vconsole配置
1.首先npm安装,大家都懂的。npm install vconsole2.在main.js中引入刚刚新建的vconsole.js//main.jsimport VConsole from 'vconsole' Vue.prototype.$vconsole = new VConsole()全局样式<style lang="scss" > div#__vconsole { display: none; &.show{ display原创 2021-05-08 17:45:34 · 1653 阅读 · 0 评论 -
Vue前端复制文本vue-clipboard2
npm install vue-clipboard2import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)使用linkUrl 是文字 或者链接 需要复制的文字<div style="margin-top: 33px" v-if="!preview"> <el-input v-model="linkUrl" size="small"原创 2021-04-29 18:25:13 · 138 阅读 · 0 评论 -
eachart环形图的使用
在列表页添加 环形图 <div class="other"> <echarts :id="'pie'+i" ref="echarts" :precent="item.stageValue*100" :color="viewClass(item.status,'color')" height="1.32rem" /> <span>{{item.stageDesc}}</span> </div> this.$nextTic原创 2021-04-19 14:10:34 · 293 阅读 · 0 评论 -
输入框的一些校验规则
输入的时候现在小数点后面只有2位小数@input="deliveryForm.returnMoney = (deliveryForm.returnMoney.match(/^\d*(\.?\d{0,2})/g)[0]) || null"原创 2021-03-20 15:48:22 · 458 阅读 · 0 评论 -
vant上传图片--原生input上传-pdf- 视频 -文件
import axios from 'axios'import { getToken } from '@/base/cookie' <van-field name="uploader" label="选择附件"> <template #input> <van-uploader v-model="uploader" :after-read="afterRead" :max-count="1" accept="image/*"/>原创 2021-03-12 11:15:09 · 1965 阅读 · 0 评论 -
自己手写一个带插槽slot的
<template> <van-overlay :show.sync="show" @click="close"> <div @click.stop class="x-dialog"> <div class="header">{{title}}</div> <slot></slot> <div class="footer"><slot name="footer原创 2021-03-10 10:19:46 · 234 阅读 · 0 评论 -
移动端vant--带搜索的一个组件
<template> <!-- <div> --> <van-popup v-model="showPicker_more" position="bottom"> <van-search :placeholder="placeholder" v-model="interpolateSearch" /> <!-- @cancel="showPicker_more = false" --> .原创 2021-03-08 17:19:57 · 2667 阅读 · 1 评论 -
记录一次移动端底部导航有的页面需要固定有的不需要展示的解决方法
1方法, 写2个layout 里面引入不同的layoutimport Layout from '@/views/Layout/index.vue'import twoLayout from '@/views/Layout/twoIndex.vue' { path: '/orderForm', name: 'orderForm', component: Layout, children: [ { path: 'index',原创 2021-02-27 18:15:25 · 213 阅读 · 0 评论 -
vant 手机端点击下拉框数据过多-添加搜索功能--vant下拉搜索
思路要先对弹窗层赋值搜索的时候 对弹出层的值筛选确定的时候 目前因为组件原因 value与label 没有绑定 用了2个对象处理有好的想法可以告知pagelook:{position} 用来展示 name: ‘蚂蚁p12’form.postInfoVo.position 用来传给后台 id:‘012’html<van-field required readonly clickable name="form.postInfoVo.position" .原创 2020-07-17 13:39:35 · 10589 阅读 · 6 评论