防止CSS影响其他组件Vue

时间:2018-12-05 07:17:30

标签: javascript css vue.js vue-router

我有一个项目,首先它只是一个普通的SPA,但是随后我必须将另一个Vue项目合并到它,这会导致CSS冲突...

现在我有一个像这样的路由器:

- (void)processImage:(UIImage*)image type:(NSString*)mimeType forCallbackId:(NSString*)callbackId
    {
        __block NSString* localId;

        // Add it to the photo library
        [[PHPhotoLibrary sharedPhotoLibrary] performChanges:^{
            PHAssetChangeRequest *assetChangeRequest = [PHAssetChangeRequest creationRequestForAssetFromImage:image];

            localId = [[assetChangeRequest placeholderForCreatedAsset] localIdentifier];
        } completionHandler:^(BOOL success, NSError *err) {
            if (!success) {
                NSLog(@"Error saving image: %@", [err localizedDescription]);
            } else {
                PHFetchResult* assetResult = [PHAsset fetchAssetsWithLocalIdentifiers:@[localId] options:nil];
                PHAsset *asset = [assetResult firstObject];
                [[PHImageManager defaultManager] requestImageDataForAsset:asset
                                                                  options:nil
                                                            resultHandler:^(NSData *imageData, NSString *dataUTI, UIImageOrientation orientation, NSDictionary *info) {
                    NSURL *fileUrl = [info objectForKey:@"PHImageFileURLKey"];
                    if (fileUrl) {
                        NSLog(@"Image path: %@", [fileUrl relativePath]);
                    } else {
                        NSLog(@"Error retrieving image filePath, heres whats available: %@", info);
                    }
                }];
            }
        }];
    }

这意味着我在1个Vue应用中有2个系统,但是使用了不同的CSS。我的尝试是将范围限定的CSS用于主要组件-这里是{ path: '/admin', name: 'Home', component: MainContainer, redirect: '/admin/posts/list', children: ..... }, { path: '/', component: Container, children: ..... } MainContainer。但是使用作用域样式会使样式不影响这些子组件。无论如何,Container的孩子仅使用MainContainerstyle1.css的孩子仅使用Container?如果删除作用域,则style2.css的样式也会影响style1.css,依此类推

当页面从Container => MainContainer或反向更改时,我可以检查vue路由器并重新加载页面以清理旧的CSS,但这似乎不是正确的方法。 / p>

0 个答案:

没有答案