项目开发过程中的问题及解决方法(Vue,Css)

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)

赞 (3)
分享到:更多 ()

发表评论 0