Cynthia_Yue27的博客

node起本地服务，预览vue打包后文件，解决跨域问题

多行省略，省略号紧跟后边自定义内容

vue3 ref获取动态dom

一、vue2.0 响应式1. Object.definePropertyObject.defineProperty(obj, prop, descriptor)方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。obj——要定义属性的对象；prop——要定义或修改的属性的名称或Symbol；descriptor——要定义或修改的属性描述符。{ value: undefined, // 属性的值 get: undefined, // 获取属性值时触发的方法

pdf.js官网将官网下载后的代码放在static或public文件下，大概结构如下，我的文件夹名叫pdf，里边有两部分，一部分build，一部分web我们要写的核心代码只有这一行，通过点击a标签跳转到viewer.html这个页面，而这个页面就在web文件夹下，后边拼接的是pdf的路径<a :href="`${publicPath}/pdf/web/viewer.html?file=${encodeURIComponent(pdfUrl)}`">查看</a>分两种情况：

import { onMounted, onUnmounted } from 'vue'export const pageCloser = (callBack) => { onMounted(() => { window.addEventListener('visibilitychange', visibilitychangeFun, false) window.addEventListener('onbeforeunload', onbeforeunloadFun, f

<template> <div id="app"> <router-view class="router-view" v-slot="{ Component }"> <transition :name="transitionName"> <component :is="Component" /> </transition> </router-view> <

这里写目录标题踩的坑1. 解决ios系统视频会默认全屏播放2. 视频播放结束后展示黑屏（想展示封面和播放按钮，进度条退回零）3. 播放的按钮样式4. 视频格式5. 路由跳转可能会id报错6. 后续更新基础使用（仅供参考，并非完整代码）videojs官网踩的坑1. 解决ios系统视频会默认全屏播放// video标签中增加该属性webkit-playsinline="true"playsinline="true"2. 视频播放结束后展示黑屏（想展示封面和播放按钮，进度条退回零）this.on

// iosbody { // ios不能调整字号 -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;}// android// vue放main.js，加eslint-disable是因为在非微信环境中是没有WeixinJSBridge变量的，会一直报错/* eslint-disable */(

首屏图片使用懒加载使用的组件库中都有一些懒加载的命令，例如vant的v-lazy把一些依赖包通过cdn引入，见少bundle包的大小例：// index.html<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.min.js"></script><script src="https://cdn.bootcss.com/moment.js/2.20.1/locale/zh-cn.js">.

jq中使用$(function () { if(navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1) { //是安卓手机 $('input,textarea').on('keyup',function(){ clearEmoji(this) }) } else { var lock = false

主要实现的功能是点击复制链接按钮，就会自动复制一个链接，用户可直接到别处粘贴safari直接看下边插件部分直接用js实现（不兼容safari）下边代码是基于vue开发的部分代码，但主要代码是通用的<button class="shareButton" @click="copyLink(item)">复制链接</button><!-- js部分实现需要一个input或者textarea，不可使用display:none或者在元素中设置hidden属性，所以需要通过设置透

腾讯地图组件文档url方式调用url例如：https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=http://3gimg.qq.com/lightmap/components/locationPicker2/back.html&key=yourkey&referer=myapp配置好key以及其他参数，vue页面中跳转就可以到腾讯地图的页面了遇到的问题：进入后能定位到当前位置，但显示 获取消

form表单校验的基础总结：①<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"></el-form>上边需要加***rules***字段②<el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-it..

以下内容是根据微信公众平台开发者文档及实际项目中代码总结而来一、绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。如果你使用了支付类接口，请确保支付目录在该安全域名下，否则将无法完成支付。备注：登录后可在“开发者中心”查看对应的接口权限。二、引入JS①在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js请注意，如果你的页面启用了https，务必引入 https:

前提最近新开了一个项目，所以就整理一些之前项目用到的很顺手的东西。loading和toast、提示框组件等都是在一个项目中使用频率很高的组件，并且可以全局公用一个，所以可以通过vue.extend写一个全局的组件，将方法挂在到vue及vue的原型上，方便使用，不用每次用每次引。文件目录其中Component.vue和message.vue分别是loading和提示窗的组件内容，和平时写的组件没有差别，下边重点讲index.jsindex.js以loading中的为例import V..

按需引入先安装npm install mint-ui -S // -S表示 --save在文件中：import Vue from 'vue'import 'mint-ui/lib/style.css'import { Loadmore } from 'mint-ui';Vue.component(Loadmore.name, Loadmore);<!...

父组件从后台请求的数据传给echarts所在的子组件遇到的问题：1、父组件数据在没有设置初始值情况下，子组件接受到的数据报错：类似这种：data.count is not a function在子组件的mounted里面打印父组件传递过来的数据，发现是空的。在给父组件赋初始值后，报错消失，说明父组件将初始值传给子组件更新视图是在父组件从后台获取数据之前，从而导致第二个问题2、父组件有初始...

vue开发中遇到的问题总结

项目中要实现下拉刷新，上拉加载，首先想到了vue-scroller，用起来真的太方便了。npm网址：vue-scroller安装依赖：npm install vue-scroller -D引入import Vue from 'vue'import VueScroller from 'vue-scroller'Vue.use(VueScroller)html：&lt...

问题描述：用的element的select可多选的下拉选框，在回显后有初始值的情况下，不能修改，也不能再选择如图，明明点击了一般内勤主管，但没有任何反应<el-select v-model="editContent.position" multiple placeholder="请选择"> <el-option v-for="item in po...

TableLock的github地址：https://github.com/kjellericson/TableLock使用方法：将文件中的TableLock.js引入项目中<script src="./TableLock.js"></script>或者import "./TableLock.js"其中给出的教程文件中写：初始化方法：TableLock("...

前期准备：elementUI组件使用命令行安装elementUI：npm i element-ui -S在main.js中引用：import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' //整体引入Vue.use(ElementUI)代码：html:&amp;amp;lt;el-i...