2 @xiaomajia

尚未进行身份认证

这是一个零散的记录遇到的问题的地方

等级
TA的排名 4w+

vue中的provide和inject

目录一、语法二、使用场景三、关于 provide/inject 的响应问题每次看到关于vue组件传值的文章,都会讲到provide和inject这种传值方法。但是在实际的项目开发中,基本没有看到过使用这个的场景(印象中之前看iview form组件代码的时候看到过),所以这应该用于什么场景当中呢?一、语法用法详见vue document - provide/inject,在...

2019-10-17 14:27:37

vue中通过v-html添加内容添加样式无效

问题描述:在使用富文本编辑图文详情的时候,通常会使用v-html引入所编辑的内容,然而,详情显示的样式有时不是我们希望的(尤其是图片,大图会出现溢出内容区域的问题),在<style scope> 中添加样式却并不生效。原因分析:以下摘自vue官方文档:在单文件组件里,scoped的样式不会应用在v-html内部,因为那部分 HTML 没有被 Vue 的模板编译器...

2019-08-12 10:39:51

使用iview的Menu组件,路由中断跳转但是路由高亮仍然改变问题

问题描述:最近项目有一个需求,在表单填写相关页面,如果用户没有保存表单内容,点击导航栏将要离开页面的时候提示“信息未保存,离开页面数据将会丢失,是否确定离开?”(1)选择“确定” —— 执行路由跳转(2)选择“取消” —— 中止跳转,仍旧留在当前页以上为需求描述,遇到的问题是:选择取消后,侧导航栏的高亮项不正确。简单示例如下图:点击“错误收集”,取消路由跳转,页面仍停留在“...

2019-07-24 13:47:29

vue动态路由:路由参数改变,视图不更新

问题描述:使用vue动态路由(“/route/:id” 形式) 传参的时候,修改页面参数,但是视图仍旧是之前的内容,没有进行刷新,示例如下:原因分析:具体原因在vue官方文档:响应路由参数的变化一节中有讲过:当使用路由参数时,例如从/user/foo导航到/user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这...

2019-07-17 16:56:08

关于display:flex碰上white-space:nowrap的问题

当 display:flex 碰上 white-space nowrap 的时候,会打乱 flex 布局。解决方法:给 flex 布局级设置最小宽度为 0。示例当 display:flex 碰上 white-space nowrap,flex布局被打乱了,示例中表现为内部元素超出父元素范围(可能存在其他情况)。[外链图片转存失败(img-8LARnioy-1562636390940)(e...

2019-07-09 09:40:17

弹出层中多个输入框,iOS微信下点击错位问题

问题描述iOS微信下,弹出层中有多个输入框时,点击获取焦点后,元素位置错位;同时收起键盘后不能再次输入;相关按钮无法点击。PS. 这是微信在iOS下的bug解决办法在输入框 blur 的时候调用 window.scrollTo具体操作如下:html <input type="number" v-model="phone" @blur="scrollto0">jsme...

2019-07-09 09:39:18

nvm安装与卸载踩坑记录

之前用的nvm的nodejs版本管理工具,但是这两天出了莫名其妙的问题,无法下载新版本的nodejs,在找不到原因的情况下决定暂时卸载nvm,通过nodejs官网安装所需版本的nodejs。但是发现从官网下载安装了稳定版本的nodejs之后,命令行仍旧报错:'node'不是内部或外部命令,也不是可运行的程序或批处理文件。卸载流程如下:查了一些文章,发现window下卸载...

2019-07-09 01:42:34

git分支操作

目录一、查看分支二、创建分支三、删除分支四、查看本地分支与远程分支的映射关系一、查看分支# 1. 查看所有本地分支$ git branch# 2. 查看所有远程分支$ git branch -r# 3. 查看所有分支(本地+远程)$ git branch -a二、创建分支1、创建远程分支https://help.github.com/en/...

2019-07-06 17:15:40

git保存用户名和密码,避免每次输入

鉴于git每次push的时候都需要输入用户名和密码,感觉特别麻烦,之前有查过很多的相关文章,终于今天配置完成,记录一下(亲测可用):1、当前电脑环境# git版本号git version 2.13.2.windows.1# 系统环境win102、配置方法(1)打开系统盘当前用户的目录 C:\Users\Administrator (如果你配置了个人用户名,就是C:\Use...

2019-06-24 22:54:57

vue cli3.x 项目中引入 less 全局变量

项目中使用 less 变量定义了项目的一些主题颜色,这里采用style-resources-loader 来进行全局引入。具体配置如下:1、安装style-resources-loader,并选择想要使用的语言(本项目中使用less)vue add style-resources-loader安装完成后,style-resources-loader 和vue-cli-...

2019-06-17 13:34:31

vue cli3.x 项目中引入 vux (二):vux快捷生成模板

在 Vue 项目中使用vux组件有两种方法:1、在 Vue 项目中添加vux,详见:vue cli3.x 项目中引入 vux(一):手动配置2、快捷生成项目模板:详见官网文档-快速开始( 以下摘自官方文档 )(1)若没有安装 vue-cli ,先全局安装vue-clinpm install vue-cli -g(2)创建使用vux2模板的项目vue init...

2019-06-17 10:17:07

vue cli3.x 项目中引入 vux(一):手动配置

最近做的一个项目,是使用vux组件库开发的,使用的时候发现vux在使用的时候需要做一些相应的配置,记录如下:建议 node.js 版本在7.6.0以上。1、引入vux# npm install vux --save2、vux2必须配合vux-loader使用,所以需要引入vux-loader# npm install vux-loader --sava--dev...

2019-06-17 09:45:49

git报错:The project you were looking for could not be found

问题描述:git拉取报错:remote:Theprojectyouwerelookingforcouldnotbefound.fatal:repository……notfound原因分析:之前登陆过别人的git账号,记录下了认证信息解决方法汇总:1.修改控制面板信任凭据2.卸载重装gitcredentialsman...

2019-06-10 15:33:40

cmd命令行常用命令

cd xxx 打开xxx目录 cd.. 返回上一目录 cd/ 返回根目录 md xxx 创建xxx目录 del xxx 删除xxx目录 ren xxx 重命名xxx文件(夹) echo a 2>xxx.js 新建xxx.js文件 type a.js > b.js 复制a.js到b.js c...

2019-06-06 09:41:28

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available

问题描述:原因分析:在项目配置的时候,默认npm包导出的是运行时构建,即runtime版本,不支持编译template模板。vue在初始化项目配置的时候,有两个运行环境配置的版本:Compiler版本、Runtime版本。其主要区别在于:Compiler版本:可以对template模板内容进行编译(包括字符串模板和可以绑定的html对象作为模板...

2019-03-07 20:47:32

vscode 格式化 vue 代码

格式化 HTML:即 vue(template)1. 安装 Vetur 拓展2. 配置 setting.json打开 [文件] -> [首选项] -> [设置] -> [拓展] -> [Vetur]vsCode 跟新过后设置变成下拉选择的方式来配置拓展,但是可以点击右上方的···按钮,选择选择打开 setting.json,即可添加用户设置配置 template...

2019-03-06 10:45:35

button 写在 form 表单中导致页面刷新问题

貌似之前写代码的时候很自然的没有将 button 写在 form 表单当中,这次把 button 写在了 form 标签当中,发现每次点击按钮都会刷新页面,代码如下:<form> <!-- ... --> <button>提交</button> <button>重置</button></form>

2019-03-04 14:34:10

yarn常用命令

yarnyarn 常用命令# 生成 package.json 文件(需要手动选择配置)yarn init# 生成 package.json 文件(使用默认配置)yarn init -y# 一键安装 package.json 下的依赖包yarn# 在项目中安装包名为 xxx 的依赖包(配置在 dependencies 下),同时 yarn.lock 也会被更新yarn add...

2018-12-28 13:57:29

npm常用命令

npm 常用命令# 生成 package.json 文件(需要手动选择配置)npm init# 生成 package.json 文件(使用默认配置)npm init -y# 一键安装 package.json 下的依赖包npm i# 在项目中安装包名为 xxx 的依赖包(配置在 dependencies 下)npm i xxx# 在项目中安装包名为 xxx 的依赖包(配置...

2018-12-28 13:55:59

微信小程序map地址间距离计算以及导航功能实现

在微信小程序当中,实现简易的、没有很多复杂功能的地图,可以选用小程序的原生map组件。WXML如下:<mapid="mymap"longitude="{{longitude}}"latitude="{{latitude}}"scale="14"markers="{{markers}}"subkey="IULBZ-XXXX-XXXX-XXXX-XXXX"

2018-12-05 16:07:54

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。