随笔分类 - Vue2
渐进式的js框架
摘要：#### 解决方法 在路由守卫router.beforeEach中，使用addRoute，且**next(to.fullPath)**产生新的导航，否则仍然会404
阅读全文
摘要：### 问题引出 需求：例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素， 同时第一个和第二个的样式不同，这里我使用了nth-of-type选择器去设置样式， 但是当v-if条件改变时，li元素的样式没有改变，看了下开发者工具，元素对应的选择器 没有改变，即使此时仅剩第二个li元素
阅读全文
摘要：1. 可以监听window.onbeforeunload事件，在用户关闭标签页或浏览器时，做一些提示 比如： window.onbeforeunload = function (e) { return confirm("你的更改可能未保存，确定离开吗?"); } 2. 在测试时，发现有时可以，有时不
阅读全文
摘要：1. 代码 正常情况，两个图片的高度一致，宽度也一致，这时候没有什么问题 <view class="container"> <image class="icon" src="1.png" alt="" /> <image class="icon" src="2.png" alt="" /> </vi
阅读全文
摘要：1.尝试按照官方指南，进行分包优化，和开启代码/样式压缩 https://developers.weixin.qq.com/community/develop/doc/00040e5a0846706e893dcc24256009 结果依然如此 2.HbuilderX中，也要开启代码压缩 问题解决，可
阅读全文
摘要：场景 使用HBuilderX创建的hello-uniapp模板项目，想读取pages.json文件中的路由配置，尝试过以下方法： import pages from '@/pages.json 和 const pages = require('@/pages.json) 得到的都是空对象{}。 解决
阅读全文
摘要：1.查看所有的容器的状态 docker ps -a 2.删除一个容器 docker rm -f <容器id> 3.重启容器 docker restart <容器id> 4.停止一个容器 docker stop <容器id> 5.查看所有镜像 docker images 6.删除一个镜像 docker
阅读全文
摘要：解决办法 在HTML代码的head中添加一句 <meta name="referrer" content="no-referrer" /> img标签多加一个字段 <img referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"/>
阅读全文
摘要：父元素样式(注意宽度必须指定才行): { width: 100vw; display: flex; justify-content: flex-right; } 最后一个子元素样式： { margin-left: auto; margin-right: 1rem;// 合适即可 } 效果：
阅读全文
摘要：我使用的时HBuilderX创建的vue-cli(2.6.x)的项目模板。 首先，安装 babel-plugin-component： npm install babel-plugin-component -D 然后，将 babel.config.js修改为： module.exports = {
阅读全文
摘要：显示效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：使用v-for，同时指定key(用v-bind绑定) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
阅读全文
摘要：v-if和v-show v-if是不渲染，而v-show是设置display:none <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=
阅读全文
摘要：name1改变时，同时改变name2；name2改变时，同时改变name1 使用watch实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：双大括号，强制数据绑定，绑定事件监听 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
