小编iva*_*nao的帖子

将整个 html 页面嵌入到 Vue.js 模板中

首先,请原谅我的英语,我正在使用翻译器。

我有一个Vue.js项目,它具有典型的反应式框架的单页面路径结构(SPA),其主要组件是我创建导航和页脚,并在相应的路径调用中发生的 <router-view></router-view>

情况是我需要引入一个页面项目内部的外部代码我无法与 Vue.js 混合,因为它有太多的 css,这些 css 太不兼容且太广泛,无法使其协同工作。所以我想看看是否可以在模板本身中输入对整个外部 html 页面的调用,这通常是通过 Iframe 完成的。

他们提供的第一件事是 Iframe 本身,带有一个简单的标签:

<template>
<iframe src="htmlexterno.html"></iframe>
</template>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,从我所看到的来看,Iframe 似乎与 Vue.js 不兼容

然后在互联网上搜索我发现了这段代码:

<template>
<div v-html="varhtml"></div>
<template>
<script>
export default {
data: {
    varhtml: '<p>Loading...</p>'
},

ready() {
    this.$http.get('htmlexterno.html').then(response => {
        this.varhtml = response.data;
    });
}
}
</script>
Run Code Online (Sandbox Code Playgroud)

但这对我也不起作用。

然后,在这个问题的答案的帮助下,我得到了它来加载互联网网址,但 htmlexterno.html 是一个本地项目,对我不起作用。

我做的最后一个是这个,但只有当我输入互联网网址(非本地)时它才有效:

<template>
    <iframe :src="ruta"></iframe>
</template>
<script>
export default {
    data: () => ({
        ruta: 'htmlexterno.html'
    })
}
</script>
Run Code Online (Sandbox Code Playgroud)


如果有人能帮助我,我将不胜感激。

html vue.js

5
推荐指数
1
解决办法
2万
查看次数

Angular 12 使用组件中的管道

您好,我在 Angular 12 中的组件中使用时遇到问题(从视图来看是否有效)。

这是我安装的一个管道,尽管我已经尝试过几个并且发生了同样的事情。

具体来说,就是这个https://www.npmjs.com/package/@josee9988/filter-pipe-ngx

我这样做:

app.module.ts

..

import { FilterModule } from '@josee9988/filter-pipe-ngx';
..

imports: [FilterModule],
..

providers: [FilterModule],
..
Run Code Online (Sandbox Code Playgroud)

Y en comp1.component.ts

import { FilterModule } from '@josee9988/filter-pipe-ngx';

..

constructor(private FilterModule_: FilterModule) { }

..

funcion1 () {
   this.v1 = this.FilterModule_.transform(this.v2, "gfg", v3);
}

..
Run Code Online (Sandbox Code Playgroud)

他告诉我“错误 TS2339:属性‘transform’在类型‘FilterModule’上不存在”

它甚至不让我使用 ng 服务。

感谢。

此致。

typescript angular angular12

3
推荐指数
1
解决办法
3796
查看次数

标签 统计

angular ×1

angular12 ×1

html ×1

typescript ×1

vue.js ×1