VUE
关注
分享
扫一扫
神夜大侠
这个作者很懒，什么都没留下…
展开
-
H5实现同时扫多张二维码功能
【代码】H5实现功能。原创 2025-04-18 10:48:29 · 129 阅读 · 0 评论 -
VUE 页面缓存与不需要缓存的页面处理
vue实现页面缓存，一般是缓存了所有的页面，如果不想缓存某一个页面可以使用一些判断实现。缓存技术是 vue include 存放一个数组，include是需要缓存的组件```<template> <div> <keep-alive :include="tagsList"> <router-view></router-view> </keep-alive> </div...原创 2022-03-08 18:47:45 · 1884 阅读 · 0 评论 -
JS用最简单的方法去除两个数组中重复的元素
用最简单的方法实现数组去重哈哈let arr = ['你好','苛在','不是','我是'];let arr2 = ['你','苛在','不是','我是','不知道','这行好'];let temp = [];arr2.forEach(res=>{ let index = arr.indexOf(res); if(index==-1){ temp.push(res); }}); console.log(temp); ...原创 2020-12-25 11:09:11 · 1729 阅读 · 0 评论 -
vueloopscroll 公告文字循环滚动中奖记录循环滚动插件
```1、在 main.js中引入import VueLoopScroll from '../packages/index.js'Vue.use(VueLoopScroll)2、在项目中使用<vue-loop-scroll :list="list" direction="left" :speed="10"><li>滚动内容</li><li>滚动内容</li><li>滚动内容</li><...原创 2020-11-14 17:02:45 · 2939 阅读 · 0 评论 -
mbdiy VUE3.0实现页面自由DIY
使用VUE3.0实现页面自由DIY，可拖动模块到页面，可点击，可设置模块属性项目分为页面、模块、组件三个部分组成，可同时保存多个页面，可新建页面，可自由拖动模块至页面，模块可以复制，上下移动，可设置模块字体，背景，文字，图片，连接，样式等属性。实现效果图页面体验：http://diy.hsycms.com/...原创 2020-11-04 11:21:12 · 2062 阅读 · 1 评论 -
最简单的骨架屏实现方式，适用于VUE项目，小程序项目，uniapp项目。
1、VUE项目 skeleton.vue插件<template> <div> <div class="wrap" :style="{'width':systemInfo.width+'px','height':systemInfo.height+'px', 'background-color':bgcolor}"> <div v-for="(item,index) in skeletonRectLists" .原创 2020-05-26 11:45:26 · 2241 阅读 · 1 评论 -
VUE 实现OSS 上传图片并压缩处理，签名由后端返回。
<input type="file" accept="image/*" style="display: none;" @change="change" id="file"> <div class="setting-head" @click="selectImage"> <p><img :src="headimg" alt="...原创 2019-12-10 17:42:23 · 712 阅读 · 0 评论 -
VUE 将阿里伯数字转换为中文表示,一般用作排名使用。
<script>export default { data(){ return{ textArr:[ {name:0,value:'十'}, {name:1,value:'一'}, {name:2,value:'二'}, ...原创 2019-08-28 15:41:54 · 3163 阅读 · 0 评论 -
VUE 实现加入购物车抛物线动画
import $ from 'jquery'$.easing.jswing=$.easing.swing;$.extend($.easing, { easeInBack: function(e, f, a, i, h, g) { if (g == undefined) { g = 1.70158 } return i...原创 2019-08-24 11:38:54 · 1515 阅读 · 0 评论 -
JQUERY 仿VUE实现自定义动画特效 原来还可以这么简单实现 。
<!DOCTYPE html><head><meta content="charset=utf-8" /><title>JQUERY 仿VUE实现自定义动画特效</title></head><body><style type="text/css"> body{ background:...原创 2019-06-23 23:40:38 · 426 阅读 · 0 评论 -
VUE 实现下拉分页加载更多功能
<template> <section class="dissection" id="dissection"> <div class="wraper" v-if="!nodata"> <ul class="disList"> <li v-for="(item,index) in...原创 2019-05-18 10:26:45 · 5722 阅读 · 0 评论 -
VUE 加入购物车实现多个属性选择，取消选择，最后组合成新的属性数组。
<template> <!-- --> <div class="attrselect"> <template v-for="(item2,index) in goodsAttributes"> <p class="p1">{{item2.name}}</p&...原创 2019-05-07 21:24:55 · 829 阅读 · 0 评论 -
VUE 实现多属性操作，增加删除修改属性。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-04-26 10:03:29 · 2236 阅读 · 0 评论 -
vue项目使用WebViewJavascriptBridge 与APP交互JS
1、首先在项目中创建一个JS ，命名为 bridge.js 代码如下：//iosfunction setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); } if (window.WVJBC...原创 2019-04-16 19:12:23 · 5547 阅读 · 6 评论