- 博客(13)
- 收藏
- 关注
原创 Vue 子组件修改父组件传递过来的值
1. 常用的方法一般通过子组件修改父组件传递过来的值,我们就会采用props和$emit进行单向数据绑定父组件:<template> <div> <test :value="value" @change="change"></test> </div></template><script>import test from '@/components/test.vue'export d
2021-08-26 14:59:24
10986
2
原创 js使用toFixed()四舍五入的问题
这个问题其实也是我最近踩的一个坑let num = 8.885num = num.toFixed(2)console.log(num) => 8.88是不是觉得很奇怪,四舍五入不是应该是8.89吗? 我在思索很久后在网上找到这个问题的答案.是不是有一种恍然大明白的感觉!...
2021-08-03 17:39:59
1244
原创 vue中的混入mixins
混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项基础:// mixin.jsexport const mixin = { created() { this.init() }, methods: { init() { console.log('created mixin') } }}// 在组件中引入import { mixin .
2020-12-30 16:58:29
300
原创 $attrs和$listeners的常见用法
官方介绍: 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。
2020-12-29 16:47:32
1542
1
原创 css文本溢出显示省略号
// 单行显示省略号.text-ellipsis { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}// 超过多行显示省略号.text-webkit-box { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; // 允许在
2020-12-25 16:35:02
107
转载 uni多平台开发兼容问题解决办法
uni多平台开发兼容问题解决办法uni-app 已将常用的组件、JS API 封装到框架中,开发者按照 uni-app 规范开发即可保证多平台兼容,大部分业务均可直接满足。但每个平台有自己的一些特性,因此会存在一些无法跨平台的情况。大量写 if else,会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改,会让后续升级变的很麻烦。在 C 语言中,通过 #ifdef、#ifndef的方式,为windows、mac 等不同 os 编译不同的代码。 uni-app 参考这个思路,为 uni
2020-08-21 10:15:58
1079
原创 Vue修饰符
Vue提供了一些修饰符,这些修饰符在使用起来非常方便,比如阻止默认事件、冒泡等。.lazy:v-modeil不用多说,输入框改变,这个数据就会改变,lazy这个修饰符会在光标离开input框才会更新数据:<input type="text" v-model.lazy="value">.trim:输入框过滤首尾的空格:<input type="text" v-model.trim="value">.number:先输入数字就会限制输入只能是数字,先字符串就相当于没有
2020-07-09 10:05:40
135
转载 移动端安卓机兼容问题 -- 键盘弹起页面被挡
在代码中加入如下代码:if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function() { if ( document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA' ) { window.setTimeout(f
2020-06-15 16:14:10
226
原创 git 常用命令
git push --set-upstream origin 分支名称 // 当前本地分支提交到远程仓库分支git remote set-url origin 新仓库地址 // 更换远程仓库地址git merge dev (当前master分支) // 将本地分支dev合并到远程分支mastergit remote -v // 查看当前远程仓库git log
2020-06-15 16:06:30
94
原创 webpack `Invalid Host/Origin header`问题
上述现象出现,重复请求报错解决方法:在"webpack.config.js"中添加devServer: { contentBase: resolve(__dirname, '../dist'), host: '0.0.0.0', disableHostCheck: true, // 新增该配置项 port: 4000},
2020-06-15 16:00:29
209
2
原创 vant/lib/vant-css/index.css in ./src/main.js
not found: vant/lib/vant-css/index.css in ./src/main.jsvant组件引用报错 :This dependency was not found: * vant/lib/vant-css/index.css in ./src/main.jsTo install it, you can run: npm install --save vant/lib/vant-css/index.css解决办法 :在index.html文件中以cdn的形式,引入
2020-06-15 15:52:27
3564
1
原创 移动端页面自适应
移动端页面自适应根据当前设计页面的基本宽度来进行自适应更改页面像素值Rem 适配(本文举例vant)Vant 中的样式默认使用px作为单位,如果需要使用rem单位,推荐使用以下两个工具lib-flexible 用于设置rem基准值postcss-pxtorem 是一款postcss插件,用于将单位转化为rem步骤:(1)安装postcss-pxtorem$ npm install postcss-pxtorem --save-dev(2)安装lib-flexible$ npm i
2020-06-15 15:42:45
1127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人