![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
百慕达奶油
这个作者很懒,什么都没留下…
展开
-
vue路由history模式刷新404问题解决方案
vue单页因微信分享和自动登录需要,对于URL中存在’#’的地址,处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式,就会有个新的问题,就是页面刷新后,页面就无法显示了(404)。对于这个问题,我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html。我这里是针对nginx的配置,总结如下:方案一 (这种方式容易被第三方劫持)location /{ root /data/nginx/html; ind转载 2020-10-28 15:03:53 · 2456 阅读 · 0 评论 -
vue监听游览器高度变化做内容自适应
vue监听游览器高度变化做内容自适应data() { setHeight: 500, browserHeight : 500},mounted() { // 进入页面时监听游览器高度变化 window.addEventListener('resize', this.getHeight)},watch: { browserHeight: { // 游览器高度变化时,动态设置高度 handler(nv) { this.setHeight = nv - 400 > 300原创 2020-05-27 10:44:34 · 755 阅读 · 0 评论 -
iview 点击tree节点文字展开
一行代码即可,把节点的expand设为true<Tree :data="tree" :render="renderContent" class="tree" empty-text></Tree>renderContent(h, { root, node, data }) { return h( 'span', { style: { display...原创 2020-03-23 11:14:36 · 1731 阅读 · 0 评论 -
vue-cli3搭建时的跨域问题
第一种方式:vue.config.js配置如下(代理模式或者是正常模式写法都可以):module.exports = { devServer: { https: false, hotOnly: false, open: false, // proxy: { // '/api': {//代理api ...原创 2019-08-22 10:04:47 · 265 阅读 · 0 评论 -
vue cli3搭建后项目启动不成功
今天配置vue cli3时,成功了项目却不能启动报如下错误:修复方式:修改package.json 里面的:“less”: “^3.9.0"为"less”: “~3.9.0”删除node_modules,然后重新安装依赖...原创 2019-08-20 13:59:24 · 2091 阅读 · 0 评论 -
实现下拉滚动加载
下拉滚动加载首先,如果你本身需要滚动加载的块是隐藏的,那么就等他显示在监听滚动事件,否则直接在mounted里面监听就可以了// 定义监听事件const sealPopover = document.querySelector('.choose-seal-content.seal-box');sealPopover.addEventListener('scroll', this.scrol...原创 2019-07-03 17:30:36 · 1176 阅读 · 0 评论 -
checkbox中v-model绑定值手动设置true后再点击取消需要点击两次
今天在项目中遇到一个需求,如下:要留最后一个选项,不能都点掉,当我手动把最后一个设置为true时,添加一个其他的,再点击之前的最后一个,发现取消不了,要点击两次。解决方式: 在change方法中添加.native修饰符html中 @change.native="changeChoose"js中changeChoose(changeItem) { let nv = this...原创 2019-07-03 15:37:13 · 1379 阅读 · 0 评论 -
【vue】当input里面的值修改后,想要在点击叉或者是取消时回退到原值(且不在vue data里面加数据)
在项目中遇到了一个问题,一个input框,输入值之后点击对号改变这个值,点击叉取消,回到原值,上图因为不想在data里面加值,之前是用v-model绑定的,vue中v-model其实就是input和value的结合,输入值触发input,值改变。如下:<input v-bind:value="mes" v-on:input="mes= $event.target.value"/&g...原创 2019-07-01 17:12:12 · 5273 阅读 · 0 评论 -
components动态组件: tab页切换时可以用
原创 2019-03-20 16:20:00 · 472 阅读 · 0 评论 -
关于vue $set在数组中使用问题
一般情况下,$set在对象中使用,例如this.$set(person, 'age', 18);然而,做项目时遇到了在数组中使用$set。那么数组中$set使用第二个参数就不能时属性了,而是index索引,例如let arr = [a, b, c ];假设arr为vue data里面的属性,我想动态在data里面加一个d,那么就要this.$set(arr, 3, d);这...原创 2019-01-17 16:19:20 · 6504 阅读 · 0 评论