vue
vue相关
hi_JXL
这个作者很懒,什么都没留下…
展开
-
vue上线滚动公告效果
<div class="swiper_info"> <img class="icon" src="@/assets/img/msg.png" alt> <ul> <li v-for="(item,index) in newHotList" :key="index" :class="!index && play ? 'toUp' : ''"> {{item.nickName}} <span>{{item.原创 2021-03-11 14:00:22 · 412 阅读 · 0 评论 -
vue嵌套app底部导航,安全区相关问题
vue项目嵌套app,全屏手机,底部tabbar 安全距离设置(被底部黑线遮挡)相关问题1、index.html 相关配置<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,viewport-fit=cover">注意:默认不添加扩展是 viewport-fit=contain,需要适配 iPhoneX 必须设置viewport-fit=cover,这是适配的关键步骤,en原创 2021-03-11 10:54:49 · 2225 阅读 · 2 评论 -
获取前30天日期
获取当前日期,前30天日期,数组 1.方法1 getMouthDate(){ this.nowDate = new Date().toLocaleDateString(); this.titleDate = []; for (var i = 0; i < 30; i++) { this.titleDate.push( new Date(new Date().setDate(new Date().getDate() - i) ).toLocaleDat原创 2021-03-09 10:19:16 · 1298 阅读 · 0 评论 -
vue输入框获取焦点,键盘弹起问题
vue输入框获取焦点,键盘弹起问题<input class="labelinput" placeholder="请输入您的姓名" type="text" v-model="myname" @blur="handleblur" > ><script> computed: { scrollHeight() { return document.documentElement.scrollTop || wind原创 2021-03-09 09:50:37 · 918 阅读 · 1 评论 -
vue对话框,保持在最底部
vue 对话,保持在最底部<div class="recordmain" id="scroll">相关内容内容</div> this.$nextTick(() => { var container = this.$el.querySelector("#scroll>div:last-child"); container.scrollIntoView(); });#scroll{ overflow: auto;}...原创 2021-03-05 17:08:33 · 726 阅读 · 1 评论 -
2020-09-27
vue 启动项目到一半卡住 (原因之一)console.log()时,自动导入了 import { log } from ‘util’; 导致编译卡住,删除后编译正常。原创 2020-09-27 13:47:58 · 138 阅读 · 0 评论 -
vue html2canvas页面生成图片
vue html2canvas页面生成图片npm install html2canvas页面引入<template> <div class="shareImg" id="shareImg"></div> <div class="mask_main" id="posterId">需要生成图片的内容</div></temp...原创 2020-02-24 16:53:29 · 664 阅读 · 0 评论 -
vue点击加载更多+滑动导航吸顶效果
<template> <div class="news_main" :class="isFixed?'padding_bottom':''"> <ul class="news_tab_menu" :class="isFixed?'fixed_top':''"> <li :class="current==in...原创 2020-02-24 16:32:43 · 555 阅读 · 0 评论 -
vue-swiper走马灯无限循环
<template> <div class="line_one" :style="barrageIsShow?'opacity:1':'opacity:0'" v-if="barrageList"> <div class="swiper-container swiper-container1 swiper-no-swiping"> ...原创 2020-02-24 16:10:48 · 2226 阅读 · 0 评论 -
js textarea \r\n换成br
js textarea \r\n换成br<textarea v-model="remark"></textarea>----------------this.remark = this.remark.replace(/\r\n/g, "<br>").replace(/\n/g, "<br>").replace(/\s/g, " ")...原创 2020-01-21 17:19:18 · 599 阅读 · 0 评论 -
vue 按钮点击前一天,后一天改变日期
js 年月日 格式化日期 convertToDate(date) { //格式化日期 var date = new Date(date); var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); m = m < ...原创 2020-01-21 16:41:31 · 1348 阅读 · 0 评论 -
vue 数据赋值不修改原有数据
vue 数据赋值不修改原有数据 let list=(JSON.parse(JSON.stringify(this.olist)));原创 2020-01-17 11:22:10 · 2418 阅读 · 0 评论 -
better-scroll实现上下拉加载效果
vue 使用better-scroll实现上下拉加载效果安装插件npm install better-scroll --save页面使用<script> import Bscroll from "better-scroll"; export default { data() { return { isPullDown: false, ...原创 2020-01-11 20:01:14 · 594 阅读 · 0 评论 -
vue 监听控制textarea输入字数
vue 监听控制textarea输入字数<textarea v-model="content" ref="focusTextarea" id="focusTextarea"></textarea><span class="text">{{content.length}}/400</span>//监听watch:{ content(){...原创 2020-01-11 17:14:07 · 2240 阅读 · 0 评论