首先,请原谅我的英语,我正在使用翻译器。
我有一个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)
如果有人能帮助我,我将不胜感激。
您好,我在 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 服务。
感谢。
此致。