vue
词不达意难知
记录分享一些学习到的使用到的方法
展开
-
@vue-office/excel 解决移动端预览excel文件触发软键盘
@vue-office/excel 解决移动端预览excel文件触发软键盘原创 2024-06-03 11:10:40 · 602 阅读 · 2 评论 -
Error in v-on handler: “TypeError: CreateListFromArrayLike called on non-object“
Error in v-on handler: "TypeError: CreateListFromArrayLike called on non-object"原创 2022-08-08 16:20:13 · 509 阅读 · 0 评论 -
vue事件总线 兄弟组件父子子父组件祖孙组件传值(简单易懂)
vue事件总线 兄弟组件、父子子父组件、祖孙组件传值(简单易懂)原创 2022-08-08 14:38:30 · 437 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value原创 2022-07-28 10:31:17 · 325 阅读 · 0 评论 -
vue props数据传递类型限制
vue props数据传递类型限制原创 2022-07-28 10:17:01 · 2564 阅读 · 0 评论 -
did you register the component correctly? For recursive components, make sure to provide the “name“
did you register the component correctly? For recursive components, make sure to provide the "name"原创 2022-07-20 09:30:55 · 3838 阅读 · 0 评论 -
uniapp,Vue刷新重新加载子组件状态(父页面存在缓存)
这里拿uniapp举例A页面中存在子组件,B页面中更改子组件后返回A页面,A页面刷新子组件状态。受uniapp页面缓存影响(keep-alive)只能在onShow页面生命周期中去处理。这里用到了v-if(创建,销毁)来刷新子组件状态。未触发前2.B页面改变子组件自身状态3.返回到带有缓存的A页面 通过v-if(创建, 销毁)刷新组件状态成功刷新下面上代码 <palyAud v-if="forceRefresh"></palyAud> onShow(原创 2021-10-25 10:57:56 · 7508 阅读 · 1 评论 -
解决微信浏览器缩放字体导致H5(Vue)页面混乱,样式异常
可以放在rem.js文件夹中,或者单独写一个js。最后在index.html中引入即可。 (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.add原创 2021-07-26 12:52:39 · 1679 阅读 · 0 评论 -
vue不同环境载入不同的js和css(CDN挂掉、失败后使用本地资源)
优化项目资源请求量 规避掉在发布环境不需要的资源包在index.html文件中<script>// 举例 项目发布地址是 baidu 测试地址是 testbaidu // 通过检查路由地址来判断环境 从而控制引入文件 if (location.href.indexOf('testbaidu') > -1 ) { document.write('<script src="https://cdn.bootcdn.net/ajax/libs/vCon原创 2020-12-23 15:42:26 · 1900 阅读 · 0 评论 -
vue 使用JSON.stringify失效(浏览器兼容)
报错信息[Vue warn]: Error in created hook: “SyntaxError: Unexpected token f in JSON at position 2”vue.runtime.esm.js?a593:1888 SyntaxError: Unexpected token f in JSON at position 2问题原因浏览器兼容性(未识别到该方法)解决方法index.html文件中引入 <script src="//cdnjs.cloudflar原创 2020-12-21 17:20:06 · 1337 阅读 · 1 评论 -
vue统一或单独控制接口请求时间
先说统一这里将请求时间统一控制在12秒 var instance = axios.create({ timeout: 1000 * 12 });instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';instance.interceptors.request.use( config => { return config; }, error => {原创 2020-12-17 09:44:31 · 4805 阅读 · 0 评论 -
vue项目中使用vant组件Popup点击遮罩缩小过渡(不消失)
记录下项目中遇到的问题先说功能 点击遮罩或者右上X使弹窗缩小(不能消失)项目中使用的组件库是Vant 组件使用的是popup弹出层首先是组件配置 <van-popup v-model="testTag" @click-overlay="testClose" overlay-class="black-mask" :transition-appear="true" class="linkThe-greenSpeac-pay" :class="{ 'scale-active': clickt原创 2020-12-10 11:51:01 · 5607 阅读 · 0 评论 -
关闭vue-cli(脚手架)语法检查
在vue.config.js配置文件添加亲测有效module.exports = { lintOnSave: false, devServer: { overlay: { warning: false, errors: false }, }}原创 2020-11-30 09:26:33 · 1606 阅读 · 0 评论 -
vue 取消变量未使用时页面报错取消严格模式
变量未使用时页面报错是不是烦死了ok 两步解决打开package.json 找到 eslintConfig然后删掉 “eslint:recommended”;删掉后:第一步完成第二步 重新再跑一次项目就好啦不行?不行就再跑一次 亲测有效...原创 2020-08-19 16:49:27 · 4309 阅读 · 4 评论 -
vue 百度地图报错‘BMap‘ is not defined
报错解决方法–实例时加上window var map = new window.BMap.Map("map"); // 创建Map实例 map.centerAndZoom(new window.BMap.Point(121.551257, 38.890002), 11); // 初始化地图,设置中心点坐标和地图级别 //添加地图类型控件 map.addControl( new window.BMap.MapTypeControl({ map原创 2020-08-19 16:28:23 · 4493 阅读 · 0 评论