![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
右边的疯子
记录每次的坑
展开
-
vue history路由模式 部署Nginx
1、设置 路由模式为 history2、添加base (非常重要,否则首页加载白屏),路径是相对于域名映射的路径3、修改Nginx配置export default new Router({ mode: 'history', //设置mode base:'/web/bjsubway/', //设置base routes: [ { path: '/', redirect: '/map' }, { path: '/.原创 2020-11-26 18:36:50 · 1064 阅读 · 0 评论 -
WEEX 初学者注意事项
weex注意事项1.weex中只支持单个class选择器或者id选择器,不支持设置100%,不支持继承2.不支持 display:none 即不支持 v-show,需要使用 v-if 来实现显示和隐藏。3.定位的层级是按顺序排列,没有z-index4.不支持背景图片,background-color background-image:linear-gradient()5.:class不能使用对象语法应该使用数组语法,数组写法:class="[type == 'index' ?...原创 2020-11-02 14:18:35 · 354 阅读 · 0 评论 -
WEEX h5文本样式与真机安卓苹果不一致
问题:WEEX h5文本样式与真机安卓苹果不一致查询许多文章未能得到解决办法,后多次是实验出一下结果:真机样式:H5 样式:解决方式: 在weex中 文本text标签不能折行,否则会被weex编译。<template> <div class="box" style=" flex-direction: row;"> <div><image :src="imIconImg" class="excessFare_list_hea原创 2020-11-02 14:09:13 · 379 阅读 · 0 评论 -
postcss-pxtorem 移动端 vant ui 适配 px自动转换rem
VUE v2.5 项目中 移动端适配 px自动转换rem安装amfe-flexiblenpm i -S amfe-flexible安装postcss-pxtoremnpm i -Dpostcss-pxtorem在项目根目录创建或编辑.postcssrc.js文件注意: rootValue:75, //本项目设计图宽度是750px。其他项目需自己换算 【设计图宽度/10】module.exports = { "plugins": { //...原创 2020-10-15 17:08:27 · 785 阅读 · 2 评论 -
vue vant ui + postcss-pxtorem rem适配移动端
vue vant ui +postcss-pxtorem rem适配移动端问题描述:移动端h5项目 需要进行适配不同机型分辨,选择使用rem方案进行适配(amfe-flexible + postcss-pxtorem),出现问题由于蓝湖设计图 750*1334 然而使用的vant ui 是320分辨设计,导致页面大小不一致。解决办法:在.postcssrc.js中配置postcss-pxtorem rootValue 匹配蓝湖设计图750/10=75 sel...原创 2020-09-29 16:44:52 · 958 阅读 · 0 评论 -
vue中使用v-for,出现告警!
在项目中运行v-for代码段时,<flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"> <flexbox-item v-for="role in roles " > <x-button mini :type="role.type" style="paddi...原创 2019-11-06 17:35:32 · 463 阅读 · 0 评论 -
vue v-for key 问题,关于Diff算法
其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设:1...原创 2019-11-06 17:32:32 · 333 阅读 · 0 评论