Vue开发填坑
方法methods通用
问题描述:
vue开发过程中很多时候,函数方法methods会在各个组件内共用,每个组件都写个比较多余。
解决方法:
1.利用CommonJS思想,单独写,然后每个组件利用import { function } from ‘../..’导入,直接使用。
import { myMethod } from '../../common/scripts/myMethod.js'
myMethod();
2.直接全局注册
Vue.protytpe.$myMethod = function(options) {
console.log("this is my method");
}
组件使用时直接调用this.$myMethod即可。
弹窗背景
问题描述:
弹窗实现背景的毛玻璃效果。
解决方法:
.blur {
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
-webkit-filter: blur(10px); /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}
欢迎分享本文,转载请保留出处:前端ABC » 项目开发过程中的问题及解决方法(Vue,Css)