创建HTML的Vue组件中的插值

文章/答案/技术大牛

发布

1回答

javascript、vue.js

在创建的原型中，我们有一行类似的代码重复了很多次： <label class="title">On Time</label><span class="score float-right">Score:例如： <MyLabel title="On Time" score="score.ap_ontime" /> 我不需要在一个很长的...so文件中一遍又一遍地输入这个分数

浏览 21提问于2021-02-12得票数 0

2回答

为什么x模板部分的位置对vue模板处理数据很重要？

vue.js、vue-component

我有一个vue应用程序和一个全球组件。两者都有一个数据属性。对于组件，我使用x模板的方式将我的html代码放在一起。我遇到了一个奇怪的错误，在组件中无法获得数据，尽管当我无法访问组件中的数据时，组件被正确地呈现。下面是HTML：<div id='app'&

浏览 8提问于2018-03-09得票数 3

回答已采纳

1回答

是否有一种方法可以使用插补工具栏内的文本强制编译或呈现组件？

vue.js、vuejs2、vue-component

我正在使用一些第三方Vue组件，它允许我设置一组Html元素的标题，文本在图例标记中呈现。例如，在我的vue组件的模板中..。</div> </

浏览 0提问于2018-04-30得票数 0

1回答

VueJS水合将dom节点映射到组件

javascript、vue.js、vue-component

我有一些在.vue文件中没有指定模板的Vue组件，但是它们应该将(水合作用部分)附加到dom元素并使用它。对于附加子组件，我只有一个疑问。举个例子就好了。我还有第二个组件ChildComponent，它应该附加到带有.child-component类的dom元素上，并处理h2中的v-text。但我想知道是否有一种方法可以创建这种无模板组件，它将使用从服务器(但任何服务器，因为在我

浏览 0提问于2018-07-19得票数 1

1回答

可以将一个对象中的Vue/Javascript代码发送到另一个组件吗？

javascript、vue.js、vuejs3

我有一个父组件和子Vue组件。子组件使用使用emit发出的简单对象为父组件提供呈现页面所需的数据。，Steps中与该序列值匹配的对象将加载到ActiveStep中。然后将其发送/提供给父组件。但是，如果您使用上面的sequence: 2查看对象，在description中是一个resend code文本。<a v-on:click="r

浏览 1提问于2021-06-24得票数 0

1回答

在vue.js中呈现动态组件？

javascript、vue-component、vue.js

我试图通过使用set超时伪造ajax调用来呈现vue.js中的动态组件。它应该注册一个新组件，然后在视图中设置它！我使用的是vue.js 1，请给我一个解决方案，说明我是如何工作的。<!DOCTYPE html><head> <tit

浏览 1提问于2016-11-14得票数 1

回答已采纳

2回答

vue-filter不适用于v-html。

vue.js、vuejs2、vue-filter

我正在使用一个名为vue-filter的包，我想使用nl2br过滤器。当我尝试像这样在我的html中使用它时 <p style="padding: 10px;font-size: 17px;" v-html="$options.filters.nl2br(opDesc.description

浏览 1提问于2017-11-03得票数 2

回答已采纳

2回答

带有vue的弹出窗口中的按钮

javascript、vue.js、vuejs2

我已经使用vue2-google-map包制作了一个自定义弹出窗口。在我的自定义弹出窗口中，我放置了一个按钮，它应该会打开一个新的弹出窗口来取代旧的弹出窗口。Html :options="infoOptions" :opened="infoWinOpen"@closeclick="infoWinOpen=false" &g

浏览 1提问于2018-05-09得票数 0

1回答

vue.js -转义html内侧插槽

javascript、html、vue.js

我目前正在开发一个组件，看起来像这样： <code> </code>所以我遇到的问题是，当我在插槽中编写html时，这个html会被呈现，而不是在我的例子中显示为字符串或代码示例。我已经用转义的< and >对其进行了测试

浏览 22提问于2018-01-14得票数 4

回答已采纳

3回答

从短代码中动态注入Vue* 2组件*

vue.js、vuejs2

我在一个管理区域中有一个表单，用户可以在其中输入带有短代码的文本： <template> {{ celsius }}°C组件，它将用短代码解析和呈现文本： &

浏览 5提问于2016-11-13得票数 6

回答已采纳

2回答

为什么过滤后的列表没有出现在Vue.js中？

vue.js、vuejs2、vue-component

}} </ul>JS return value.filter(function(item) { }); el: '.container', message:',

浏览 0提问于2018-04-13得票数 0

回答已采纳

1回答

我可以用Django呈现VueJS吗？

django、vue.js

我想将Vue添加到我的Django项目中，但我在理解它的某些部分时遇到了问题。经过研究，我发现了关于Webpack + <em

浏览 16提问于2019-08-20得票数 4

回答已采纳

1回答

把道具传给两层孩子？

vue.js、vuejs2

我有一个组件，我传入一个id作为一个支柱：在评论部分，我把它作为一个支柱： 'myId',在这个注释组件模板中，我有另一个组件但我似乎不能把道具传下来--我明白了： Interpolation inside attributes ha

浏览 1提问于2018-01-02得票数 2

回答已采纳

1回答

在vue* ant设计步骤中包含独立组件*

vue.js、vuejs2、antd、ant-design-vue

我想使用任何设计步骤组件，我想知道如何才能包含来自的独立组件 <div> <a-step v-fortext-align: center;} margin-top: 24px;</style> title

浏览 5提问于2021-06-04得票数 0

回答已采纳

1回答

我正在尝试从Firebase实时数据库中获取数据，\n这些数据保存在前端。使用css属性：“空白:前行”，我可以发送\n到firebase数据库，但是当我试图使用Vue.js在前端获取数据时，它没有维护\n。我找不到任何在前端显示数据时\n如何保留的联机帮助answers 1: "some data. more data.\nsomething" 我使用for循环来显示新行的每个答案。但使用"

浏览 5提问于2019-10-30得票数 0

回答已采纳

1回答

vueJS应用程序不插值曲线

vue.js、vuejs2

使用VueJS创建我的第一个"hello“应用程序，虽然我没有错误，但我期望模板中的基本插值是不起作用的。有人能帮我找出我错过了什么吗？ipsum' computed: {},}); index.html: <script src='node_modules/vue&#x

浏览 3提问于2017-06-12得票数 2

回答已采纳

2回答

通过脚本标记使用Vue.js时的vue.js插值

vue.js

我无法使用vue.js进行字符串插值，如下所示：<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"><body> <script src="https://un

浏览 3提问于2020-12-07得票数 1

回答已采纳

2回答

在Vue.js 3中设置自定义分隔符

typescript、vue.js、string-interpolation、vuejs3

我试图在Vue.js 3中设置自定义分隔符，但它似乎不起作用。我尝试的第一件事是像这样设置组件参数delimiters： delimiters: ["${", "}$"],import { createApp } from "vue"; import router from ".&#

浏览 8提问于2020-10-28得票数 2

2回答

vue组件对vue数据对象中的更改作出反应。

javascript、vue.js、vue-component

我在服务器端生成了一些原始的html，我希望使用Vue框架对其进行动态更新。我最初认为v将完成这项工作，但这并不有效，因为v不会对vue数据值的变化做出反应。显然，组件是实现这一目标的一种方法，但我不太清楚如何将组件的内容链接到Vue对象的数据。假设我有一个名为table_html的Vue数据值，这是一个可以在页面中<

浏览 4提问于2017-09-19得票数 0

1回答

在插值中访问$refs不起作用/导致错误(Vue.js 2.x组件)

javascript、vue.js、vuejs2

active: true }, test() { }}; el: '#app', return { {{ $refs }} </div&

浏览 2提问于2019-02-25得票数 0

点击加载更多