vue
那颗星好美
我就像一缕清风,轻轻地来,轻轻地走。。。
展开
-
vue微信公众号隐藏右上角三个点分享功能
隐藏微信公众号分享的功能需求:vue开发公众号网页,需要去掉分享功能 (产品说加就加,还好我机智,一行代码搞定)隐藏分享功能// 写入 main.js 中即可document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call("hideOptionMenu");});显示三个点的分享功能doc原创 2021-11-09 22:22:54 · 1590 阅读 · 1 评论 -
vue 使用 hx-storage 来进行本地存储
vue 使用 hx-storage 来进行本地存储前端js使用localStorage的时候只能存字符串,不能存储对象hx-storage 可以存储 object undefined number stringlocalStorage没有过期时间hx-storage 可以设置以天为单位的过期时间安装npm i hx-storageoryarn add hx-storage 使用import hxStorage from 'hx-storage';// 设值/原创 2021-10-27 10:15:26 · 209 阅读 · 0 评论 -
vue中使用contains判断点击事件,点击超出自身区域隐藏自己
注意:ref方式获取的和js原生方式获取的dom类型不同,用原生的js获取dom方式代替ref方式,这样才能判断是否属于自身区域的。mounted() { // 监听,除了点击自己,点击其他地方将自身隐藏 document.addEventListener("click", e => { const contextMenu = document.getElementById("contextMenu"); if (contextMenu) { ...原创 2021-07-14 10:27:37 · 4494 阅读 · 0 评论 -
vue中使用render函数
vue中使用render函数来写htmlvue组件中使用 render 写法,像 react 的 render 写法一样第一种第二种vue组件中使用 render 写法,像 react 的 render 写法一样第一种// 使用 react 写法render () { let { v, handleUp } = this; return ( <ul> <li class="txt-center" key={ v.id } on-click={this.handleUp原创 2020-12-14 19:12:35 · 517 阅读 · 0 评论 -
Vue中实现防抖搜索功能
// vue 搜索功能使用// utils.jsexport let delay = (function() { var timer = 0; return function(callback, ms) { clearTimeout(timer); timer = setTimeout(callback, ms); };})();上面使用方式watch: { desk: function (v, o) { if (..原创 2020-07-23 17:25:56 · 1991 阅读 · 0 评论 -
vue 获取一周的时间
需求: 获取当前一周的时间,用于展示一周的数据;export default { data: () => ({ msg: 'Welcome to Your Vue.js App', week:[], }), created () { let data=[] for(l...原创 2019-09-25 17:00:21 · 3002 阅读 · 0 评论 -
iphone打开vue项目输入框不能获得焦点,也不能输入内容
使用vue开发的项目,其中有需要输入手机号,验证手机验证码的功能,但是发现iphone打开时,点击输入框,可以调起输入法,但是无法显示输入光标,也不能输入内容(不能获取input框输入焦点)找了半天居然是 css原因,问题产生原因:css样式设置中的某些会产生影响,如-webkit-touch-callout:none;css 有些使用在安卓上没问题,但在 ios 上会有影响,走在路上...原创 2019-07-11 19:54:48 · 1163 阅读 · 0 评论 -
vue 报错:_self.$scopedSlots.default is not a function
问题描述:使用Element UI中el-table表格时做了v-if判断;首次渲染没有问题;反复操作便会报错: _self.$scopedSlots.default is not a function解决方法(1)频繁操作所以用v-show替代v-if; (2)给每个<el-table>加个key属性(页面中有多个table时,加key做区分,不然就会保错) &...原创 2019-06-19 11:01:47 · 2059 阅读 · 0 评论 -
在微信网页中点击图片放大
1、 引用微信的JS<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>2、初始化点击放大监听方法(加载完成后调用此方法)/*调用微信预览图片的方法*/ function funcReadImgInfo(){ v...原创 2019-05-29 18:04:50 · 1993 阅读 · 2 评论 -
vue全局时间过滤器
// 创建 filter.js 文件// 全局时间过滤器import Vue from 'vue'Vue.filter('filterTime', function(time) { if (!time) { return; } const date = new Date(time) const dateNumFun = (num) =&g...原创 2019-04-08 16:13:38 · 1274 阅读 · 0 评论 -
vue实现多图上传及 预览
因项目遇到上传多张图片,还要把图片预览展示出来,还要进行删除使用element-ui 无法达到需求,因为我这是只是接口中的一个参数而已,我要的是用户点击上传,而不是自动上传,我就自己写了个来实现<template> <div class="img-files flex"> <div v-if='imgs.length>0'...原创 2019-03-17 15:39:26 · 3209 阅读 · 0 评论 -
vue(必须)掌握的相关知识
现在补充一下vue2.x的相关知识。基础知识:vue的生命周期: beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed vue常用指令: v-for、 v-bind(缩写形式 :prop)、 v-on(缩写形式 @click=’sss')、 v-if/v-el...原创 2019-01-18 15:00:53 · 1051 阅读 · 0 评论 -
使用better-scroll插件无法滚动原因
一、DOM层级关系<div class="wrapper"> <div class="content"> content... </div> </div> wrapper里面不能存在多个同级div,如果你这样写:<div class="classifyTitle" ref=原创 2019-01-17 22:35:57 · 1110 阅读 · 0 评论 -
解决vue打包上线后一片空白问题
打包后用浏览器打开html文件,很糟糕出现了空白页 然后我们查看控制台报错信息,我们知道是html页并没有成功引入打包后的项目文件 然后我们打开html文件,并对代码进行整理,修改引入文件的路径为“./static”,然后再用浏览器打开HTML文件就可以查看到内容了,说明我们打包的路径是有问题的 原因是打包的过程中直接将static直接作为了直接路径所以打包...原创 2018-11-19 23:56:45 · 5121 阅读 · 0 评论 -
vue 中 使用 vue-cookie
vue-cookie第一步:安装vue-cookienpm install vue-cookie --save第二步:在 mian.js 引入和通过 Vue.use() 明确地安装在 main.js 中引入// require es5 方法var Vue = require('vue')Vue.use(require('vue-cookie')) // 挂在在全局了...原创 2018-11-15 18:11:11 · 10018 阅读 · 3 评论 -
解决swiper4在vue项目中loop循环轮播失效
在vue(2.5.x)中使用swiper(4.3.3),轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播;那么可以这样写代码试试:<template> <div class="swiper-container banner"> <div class="swiper-wrapp...原创 2018-11-13 00:17:58 · 6578 阅读 · 0 评论 -
纯 css3 做对勾 vue 中使用的
html<i class="icon-span" @click='data' :class="{'icon-span-select' : isShow}"></i><span :class="{'aaa' : isShow}">aaaaa</span>css .icon-span{ display: inline-原创 2018-10-29 20:59:33 · 1512 阅读 · 0 评论 -
vue中使用bootstap
查阅了各种资料,尝试了网上的好多方法,下载的依赖都不好使,要么不出效果,要么报错。最后只能下载一个压缩包到本地,解压后放进src的assets中了1.先下载jquerynpm install jquery --save-dev 1.5. 在webpack.base.conf.js中添加如下内容: var webpack = require('webpack')1.9在 ...原创 2018-10-25 15:49:15 · 300 阅读 · 0 评论