我在我的站点中使用来自BootstrapVue的Tabs组件，并且我想动态地更改选项卡组件中的“禁用”属性。
不幸的是，这是不可能的，因为"disabled“在BootstrapVue中被定义为一个属性，而一个属性在Vue.js中是可以互换的。
<b-tabs>
<b-tab title="first" active>
I'm the first fading tab
</b-tab>
<b-tab title="second">
I'm the second
浏览 0提问于2017-06-13得票数 0
我正在学习Vue.js，并尝试了keep-alive和component机制，它们允许在组件之间动态切换。据我所知，我可以这样做：
<template>
<section>
<button @click="setSelectedTab('section-a')">Section A</button>
<button @click="setSelectedTab('section-b')">Section B</button>
</
浏览 7提问于2021-08-06得票数 1
通常，使用Vue.js时，您会在标记中引用类似Blazor的组件，如下所示： <UserImageComponent>
...
</UserImageComponent> 但是，Vue.js具有动态加载组件的能力： <component v-bind:is="UserImageComponent">
...
</component> Blazor有这样的东西吗？
浏览 19提问于2020-01-27得票数 2
回答已采纳
1回答
我正在为我的游戏学习Vue.js，我想知道是否有一种在Vue.js中动态添加和删除组件的方法？这是我目前的代码
var vue = new Vue({
el: "#fui",
template: ``
})
const HelloCtor = Vue.extend({
props: ['text'],
template: '<div class="hello">{{ text }}</div>',
});
const vm = new HelloCtor({
data: {
浏览 3提问于2017-06-17得票数 0
回答已采纳
我正在使用vue.js和vuetify。 由父元素生成的元素存在于我的代码中。 我希望根据父类的子类动态地更改父元素的类，就像jQuery has()方法一样。 vue.js有什么办法做到这一点吗？ jQuery has()
浏览 40提问于2020-09-03得票数 0
回答已采纳
我正在尝试创建一个Hello应用程序，就像在Vue.js站点上的get开始文档中一样。一切看起来都很好，但是文本没有显示在页面上，只有html代码。
Vue版本: 1.0.26
以下是html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Vue!</title>
</head>
<body>
<div id="app">
浏览 4提问于2016-09-15得票数 1
回答已采纳
我花了很多时间研究这件事，但没有结果。我知道在Webpack中，代码分割和动态绑定是如何使用import承诺API的。
但是，我的用例是，我有两个完全独立的包，分别使用不同的webpack构建来生成。为了给您提供透视图，我正在构建React组件，并且需要将react组件动态加载到已在不同过程中编译的页面中。这有可能有反应吗？我确实控制了webpack的两个构建，所以我可以排除依赖，等等。
更新：--我刚刚介绍了Vue.js，以及它如何允许开发人员注册Vue.js组件，然后在代码中引用它们。我可能会在页面脚本之前加载我的Vue.js组件脚本。我想看看我能不能做出类似的反应。
浏览 1提问于2017-02-24得票数 11
回答已采纳
1回答
我使用vue.js来设计一个管理应用程序，并且我试图构建尽可能模块化的UI体系结构。因此，我已经将Header、Body、Sidebar和Main设置为单个文件组件，如下所示。
树
App
- Header
- dynamic content
- Body
- Sidebar
- dynamic content
- Main
- dynamic content
图形
┌──────────────────────────────────────────────────────────┐
│ HEADER SO
浏览 3提问于2018-05-28得票数 1
回答已采纳
我使用的是Vue 2.0，我有一个错误
(未定义的ReferenceError: vm未定义)
当我使用vm.$data或控制台中的任何其他东西来检查属性时。我有最新版本的vue.js 2.2.4。
浏览 3提问于2017-03-14得票数 6
我希望列出所有可能的方法，以找出当在web浏览器中打开n个选项卡时哪个选项卡处于活动状态。我还想确定选项卡何时更改以及何时变模糊。
我在页面上有一个vue.js小部件，我想要在vue小部件内的活动选项卡信息。我可以与vue小部件通信并传入信息。
该网页是基于coldfusion的，也可以访问jquery。
我在vue.js小部件中有一个方法，它每分钟都会被调用一次，并且只在当前页面处于前台时才运行一个请求，即用户没有最小化浏览器或切换到另一个选项卡。如果用户不看它，并且可能占用大量的带宽和服务器，那么它就没有任何意义，所以我不想只在后台浪费周期。
浏览 1提问于2019-07-24得票数 1
我正在阅读一个客户端项目的静态站点生成器，我遇到了Vue.js和Nuxt.js，它们看起来很有前途。因为我可以在Vue.js和React之间选择，所以我现在更喜欢Vue。 客户的网站大约有120个页面，预定义的内容不会经常改变。因此，它似乎是静态站点的完美候选者--尤其是他目前的WordPress站点刚刚被谷歌猛烈抨击，因为页面加载速度非常糟糕…… “问题”或问题是，除了这120个页面之外，还需要一个页面，它基本上是一个通过API从后端动态获取数据的单页面应用程序。要编写这个动态页面，最好也能使用Vue.js。 我确实找到了很多关于静态页面或服务器生成页面的Nuxt.js的信息。但我的用例是
浏览 24提问于2020-12-01得票数 0
回答已采纳
我尝试获取Vue.js组件的模板，因为我需要它用于另一个函数。 首先，我有一个需要Vue.js组件模板的函数，因为我希望模板中的数据动态变化，而不仅仅是一些静态的HTML. 其次，我在从Vue.js组件获取模板时遇到了一个问题。也许他们不被允许这样做，但我不确定。我是Vue.js的新手。 但根据我对JS的理解，这可能会发生。 我试着做这样的事情： let vmComponent = Vue.component('VueComponent', {
data() {
return {
title: 'I am a Vue.js component
浏览 25提问于2019-06-21得票数 0
在Vue.js中，我有一个var app = new Vue({...});，我有一个组件Vue.component('mycomponent', ...，通过在html中直接添加<mycomponent></mycomponent>，我可以在没有任何问题的情况下使用这个组件。我希望做的是按需动态添加这些组件，可能是在按钮单击之后，或者在发生其他类似事件时。在原始JS中，我会在事件触发时使用document.createElement...，然后执行el.appendChild..将其添加到html中。我如何对Vue.js做同样的事情呢？
我不会对节点j
浏览 4提问于2020-01-12得票数 4
回答已采纳
我是Vue.js的新手。我将迁移几年前使用ExtJS框架完成的应用程序。正如一些开发人员可能知道的那样，ExtJS曾经是一个很好的框架，用于构建优秀的SPA应用程序，其中有许多已经内置在可视化组件中，这些组件可以帮助您减少开发时间。但是，由于现在是可行的，所以我们决定开始迁移这个应用程序。服务器端不会改变，所以这是一个巨大的优势，因为这只会是客户端的工作。
实际应用程序如下所示：
在左边，我们有一个可折叠菜单，它是根据用户权限动态生成的。菜单中的每个元素(对象)都有打开带有特定模块的新选项卡的路径。
我们知道，我们可能不会得到相同的外观&感觉使用Bootstrap
浏览 3提问于2018-02-11得票数 0
2回答
我想在vue.js中呈现新组件，就好像它是新页面一样。
我试着用一个叫做“动态组件”的东西来实现它
父级：Post.vue
子：Detail.vue
因此，如果其中一个帖子被点击，Post是关闭的，细节是打开的。
问题是我得把点击后的帖子的id发给细节。
这是我的一些密码。
Post.vue
<template>
<div>
<div v-if="loading">
loading...
</div>
<div v-else class="container">
浏览 0提问于2019-05-16得票数 1
回答已采纳
我对Vue.js非常陌生。
我首先搜索了如何做到这一点(只考虑到数组中的元素，从数组中删除一个元素)，但我发现的只是对delete方法的引用或在列表中调用slice .当然是相关的，但没有回答我的问题。
我在这里做了一把小提琴：
理想情况下，我希望单击delete来删除选项卡和选项卡窗格。
有没有办法做到这一点，而不把列表作为一个支柱？
浏览 1提问于2018-05-25得票数 0
回答已采纳
我刚接触not OOP，尤其是VUE.JS。
我有一个条件列表，根据它们我应该在页面上显示几种不同的组件。
例如，我如何呈现2个TextInput组件(或3.10)点击按钮后，在parent中动态读取输入的文本？
提前谢谢你。
浏览 6提问于2020-04-16得票数 1
我有一个简单的Vue.js组件，在其中呈现一段HTML：
...
<div class="sml-button" v-on:click="toggleButton()" v-html="button"></div>
...
单击时，toggleButton()方法更新button数据：
toggleButton: function() {
if (this.shouldBeShown) {
this.button = 'show less';
} else {
浏览 5提问于2017-10-24得票数 0
我对Vue.js还有点陌生，所以我可能从根本上误解了它的反应性，但基本上，我想将一些数据从PHP传递给Vue.js组件，并且当数据发生变化时，会自动更新Vue.js组件。
我看过几篇类似的文章，因此建议我使用props将数据从Laravel模板传递给Vue.js组件。下面是一个例子：
我已经很好地完成了这个任务，但是现在我一直在研究如何让组件在页面加载后动态变化时进行更新。
具体来说，我在一个特定的网页上有一个报告表，当用户单击某些按钮等时，我使用Ajax调用一个Laravel控制器操作，该操作在我的Laravel模型中重新运行一个查询，以获取报表的新数据。
我有一个PHP数组/ JSON中
浏览 3提问于2019-02-14得票数 0
回答已采纳
我正在使用一个没有Vue.js包装器的库。库以动态的方式在DOM中追加元素。
我希望能够用Vue将v-model属性绑定到这些元素，并在我的模型中添加它们。
我过去曾在其他反应性框架(如Knockout.js )中这样做过，但我无法找到一种使用vue.js的方法。
这样做有报酬吗？这应该是我认为的几行之一：
var div = document.createElement('div');
div.setAttribute('v-model', '{{demo}}');
[VUE CALL] //tell vue.js I want to use
浏览 7提问于2020-01-21得票数 4
1回答
我有一个导航栏(可能还有一个页脚)，它应该在每个嵌套页面上都可见。所以基本上只是内容发生了变化。在Vue.js中，我只需要使用<router-view>作为动态内容的占位符，使用<router-link>来切换此内容。 现在，在Nuxt.js中，我有以下目录结构。 pages/
--| calendar/
-----| index.vue
--| people/
-----| index.vue
--| index.vue 我的导航栏由两个<nuxt-link>组成，例如<nuxt-link :to="/calendar"> (
浏览 38提问于2020-08-03得票数 0
3回答
我有一个相当大的vue.js 2应用程序，它具有动态选项卡机制。用户可以与应用程序打开和关闭选项卡进行交互，每个选项卡代表一个路由。为了实现这一点，我使用vue路由器并保持活力，如下面的示例。
<template>
<div id="app">
<keep-alive>
<router-view :key="routerViewKey"/>
</keep-alive>
</div>
</template>
当用户单击“关闭”选项卡按钮时，将调用
浏览 20提问于2020-12-06得票数 6
1回答
我想根据使用vue.js的数组条目的数量动态地创建方框。
一个数组
'101'，'102'，'103‘
从浏览器控制台传递到vue.js脚本，然后创建三个方框，第一个框上有文本101等等。
浏览 0提问于2018-03-20得票数 0
我有一个关于Angular2 +(不是AngularJs)的问题。我是一个Vue.js程序员，我很好奇它是否有可能在角度上。
假设您的应用程序具有许多执行许多任务的模块。您有一个前端应用程序负责监视模块状态；显示日志、错误、通知用户某些模块已经完成工作等。这些模块通过WebSocket (或STOMP)与前端对话。如果前端接收到消息，则必须对其进行处理，并且必须更新模块的相应状态(例如标题)。因此，如果角接收到消息，他必须动态选择子组件并更新其状态(调用子方法)。
这是它在Vue.js:中的样子
父组件的内容：
<module ref="moduleA" ><
浏览 1提问于2018-09-11得票数 3
回答已采纳
我动态地创建组件：
<component is="tab"/>
如何为该组件添加道具？我试着：
<component is="tab" my-props="test" />
我在控制台出错了：
[Vue warn]: Attribute "type" is ignored on component <component> because the component is a fragment instance: http://vuejs.org/guide/components.
浏览 1提问于2016-08-31得票数 1
回答已采纳
我希望能够在我的vue.js应用程序中使用两个窗口，一个用于管理数据，另一个用于表示相同的数据。(想象一下现场演示，我可以在笔记本电脑的一个窗口中动态更改内容，但我的听众在投影屏幕上的一个单独窗口中看到数据的简化演示--也就是说，他们没有看到所有的编辑工具。)
作为一个原型，我尝试实现一个基本的todo应用程序，如下所示：
<html>
<body id="app">
<div id="entry-form">
<input type="text" placeholder="enter
浏览 3提问于2016-02-11得票数 0
2回答
我有这个组件，并希望将一个参数/prop传递给该组件，告诉它使用哪个x-template。当我这样做的时候，它失败了：
JS：
Vue.component('custom-table', {
props: ['template'],
template: '#' + this.template
})
new Vue({ el: '#app' })
HTML：
<custom-table template="my-template"></custom-table>
<sc
浏览 2提问于2019-11-08得票数 0
我正在尝试在VisualStudio2017中在ASP.NET Core2.0MVC web应用程序中设置ASP.NET(该项目也将在Rider中共同开发)。这个网络应用程序不是SPA。它几乎没有静态页面，也很少有动态部分(比如通过API作为JSON列表返回的项目列表)。我想用vue.js编写这些动态部件。
我找到了一个，并将它添加到了项目中。但是，没有将vue.js相关文件添加到项目中。我在网上找不到如何使用这个软件包的任何细节。但是，我在project.json中注意到了这个部分，听起来这些文件以某种方式包含在包中。但我不知道如何从cshtml母版页面引用它们。
"vue/2.5.
浏览 2提问于2018-05-21得票数 3
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
我正在尝试使用cristijora/vue-form- way，无法通过文档推断是否有办法通过代码前进到下一步。在一个步骤中，我有检查记录是否存在的逻辑，如果记录不存在，可能需要用户提供额外的信息……因此，如果记录存在，我希望以编程方式前进，以避免第二次请求信息。
我希望有更多vue.js知识的人正在使用这个包，并能提供帮助。
浏览 1提问于2017-09-04得票数 0
4回答
我们知道可以像这样动态地注册全局Vue.js (version 1)组件：
Vue.component('my-component', MyComponent)
是否有办法对本地组件，即仅对某一特定组件可用/可见的部分进行同样的处理？
我的想法是，我希望能够传递组件，以便像这样在本地注册：
<outer-component
:local-component-to-be-registered-dymanically="Foo"
>
因此，在outer-component中，我可以这样做：
created() {
this.someMetho
浏览 4提问于2016-11-16得票数 11
回答已采纳
1回答
我是Vue.js的初学者，我想使用组件。我有一个(动态的)表，其中有机器(SN =序列号)和每个源的钱，所以我想使用行跨度。每一行都将是组件的实例，因为有自己的复选框，我希望稍后使用它。问题是我不知道如何使用循环来创建组件，这在表中有点复杂。下面是一个例子：
<div id="container">
<table border="1">
<template v-for="row in storage.rows">
<tr>
浏览 2提问于2016-11-23得票数 2
回答已采纳
1回答
我用Vue.js创建了一个动态覆盖组件来处理关闭事件，当我们在远离目标对象的屏幕上单击时，对象会关闭我的问题这里单击事件不起作用以下是我的代码
<template>
<button
v-if="action"
@click="clicked"
tabindex="-1"
class="fixed z-40 w-full h-full inset-0 bg-black opacity-50 cursor-default"
><
浏览 13提问于2020-05-18得票数 4
回答已采纳
1回答
我正在构建一个实时web应用程序，它实现了一个实时的多用户测验，多个用户可以在选择特定角色后参与其中。我使用Vue.js作为前端，使用pusher.js在不同参与者之间进行实时交互。
vue.js项目由3个组件组成:一个用于选择角色，一个用于测验，还有一个用于测验结果。当触发特定条件时(例如，当问题结束时，用户被重定向到结果部分)，单个用户就可以通过vue路由器从一个组件切换到另一个组件。
我使用pusher事件来通知某些情况。例如，当用户关闭在其中运行应用程序实例的浏览器窗口时，其他参与者基于当用户离开推送器存在通道时触发的"pusher:member_removed“事件来控制no
浏览 0提问于2020-06-05得票数 0
1回答
如何在vue中复制组件状态？
、、、、
我的目标是在我的vue.js应用程序中创建多个工作区，其中有许多表单。在切换工作区时，应保留该路由的状态(如未保存的表单输入)。
我试过像这样使用选项卡：
<tabs>
<tab name="W1">
This is the content of the first tab
</tab>
<tab name="W2">
This is the content of the second tab
</tab>
</tabs>
浏览 14提问于2020-09-25得票数 0
回答已采纳
3回答
我使用vue.js和vue-router.js。我将这两个文件添加到html页面中。
这是我的加载模板组件..。const Dashboard = {template: "<strong>"}
但我希望动态加载html页面，并使用HTTP 加载。const Dashboard = {template: "How load html page with url(http)"}
有人能指引我吗？
浏览 1提问于2020-01-04得票数 1
回答已采纳
我想从vue.js应用程序中的动态变量名加载一个组件。
我注册了以下组件：
<template id="goal">
<h1>Goal:{{data.text}}</h1>
</template>
而不是像这样加载它
<goal></goal>
我想要从一个变量名加载，类似于：
<{{mytemplate.type}}></{{mytemplate.type}}>
其中，当然，在本例中，mytemplate.type等于"goal“
浏览 3提问于2017-07-10得票数 18
回答已采纳
4回答
目前我正在使用IF，但例如在Vue.JS中有。在Angular中是不是有类似的东西？
<app-tabs-choice *ngIf="action.type == 'choice'"></app-tabs-choice>
<app-tabs-comment *ngIf="action.type == 'comment'"></app-tabs-comment>
<app-tabs-message *ngIf="action.type == 'message
浏览 0提问于2019-12-11得票数 0
我是vue.js新手，在此之前我使用的是jquery或js，我正在做的一个项目需要我在点击按钮时动态追加HTML元素，同时将输入值绑定到模型，类似于：
$(".button").click(function() {
$("#target").append("<input type='hidden' name='data' v-model='inputModel' value='1'/>");
});
但是我需要用Vue.js的方式。
下面是我的代码：
data() {
浏览 31提问于2019-05-24得票数 3
回答已采纳
4回答
我有以下带有插槽的组件：
<template>
<div>
<h2>{{ someProp }}</h2>
<slot></slot>
</div>
</template>
出于某些原因，我必须手动实例化这个组件。我就是这样做的：
const Constr = Vue.extend(MyComponent);
const instance = new Constr({
propsData: { someProp: 'My Heading
浏览 2提问于2018-05-03得票数 20
回答已采纳
4回答
我想用pointer-events:none;动态添加和删除样式Vue.js属性：
new Vue({
el: '#el',
data: {
toggled: false
},
methods: {
toggle: function () {
this.toggled = !this.toggled;
},
}
})
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="el"&
浏览 1提问于2018-06-22得票数 1
回答已采纳
通常，我们在vue.js中预定义方法，如下所示。
methods : {
func1: function(){
}
}
并在模板中调用函数。
<button @click="func1">click</button>
是否可以在vue.js中动态添加方法？
例如，//实际上不存在$methods。我检查了$data是否存在。所以这是我的猜测。
this.$methods["func2"] = function(){
}
在angular.js中，这种情况是可能的。
$scope["function name&
浏览 0提问于2018-08-11得票数 2
2回答
我有一个带有v形制表符的组件。我正在尝试更改位于tabs元素之外的div的内容，这取决于所选的选项卡，但我不知道如何实现。这就像我需要使用带有组件的v-router，并给每个选项卡不同的href。我不想让内容带有v-tab-item。我想像使用导航栏一样使用选项卡
我的代码：
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<v-tabs v-model="tab" class="elevation-2&#
浏览 4提问于2020-07-21得票数 0
虽然我正在学习如何使用Vue来使一个酒店网站更具动态性，而且我目前正在使用Bootstrap，并对Bootstrap感到满意，但Vue的UI框架很少--大多数都是材料。我的问题是，我是必须使用这些框架中的一个来最大限度地利用Vue.js，还是应该坚持使用Bootstrap，因为它是由成百上千的人维护和测试的。
干杯
浏览 0提问于2018-03-28得票数 2
2回答
大家好，我已经掌握了Vue.js的句柄，并且已经为表(名为setupTable)创建了一个组件。我希望能够动态地向其中添加数据。我知道Vue.js侦听推送数据元素，但是我似乎不能通过setupTableComponent.data访问我的组件的数据元素。如何访问此组件并将数据附加到此组件？
var setupTableComponent = Vue.extend({
template: '<table id="data-table">'+
'<tr v-for="item in items"
浏览 3提问于2016-02-03得票数 0
1回答
我决定在一个项目中学习Vue.js，但我无法了解如何跟踪窗口滚动并在类似的距离之后动态地更改CSS，就像我在JQuery中所做的那样：
$(window).scroll(function() {
if($(window).scrollTop() >= 100) {
$('header').addClass('fixed');
} else {
$('header').removeClass('fixed');
}
});
浏览 1提问于2018-11-01得票数 1
回答已采纳
1回答
我正在使用Vue.js框架编写一个web应用程序。需要使用动态导入。您需要使用带有其名称的参数进行导入，然后定义结果组件。 以下是js中动态导入的语法： async () => {
const module_path = 'module_path';
const module = await import(module_path)
module.default();
} 因此，只有在异步函数中才能使用动态导入库。我需要在其他地方使用导入的组件： <template>
<div>
<!-- imp
浏览 25提问于2020-12-02得票数 1
回答已采纳
我试图使用vue.js将一个活动类添加到选项卡导航元素中。问题是，除了Vue之外，导航项是在for循环中动态创建的，如下所示：
<c:forEach items="${tabnav.tabs}" var="tab" varStatus="loop">
<c:if test="${loop.count le tabnav.totalTabs}">
<li v-bind:class="{active : isActive}" v-on:click="tabSelecte
浏览 3提问于2017-09-20得票数 1
回答已采纳
1回答
与在单独的js文件中声明函数相比，在vue.js实例中在方法下声明函数有什么不同？使用vue.js方法有哪些好处？
浏览 2提问于2017-11-02得票数 0
回答已采纳
1回答
目前，我正在从事一个vue.js项目，在该项目中，我将得到一个具有如下结构的json响应：
"fields":
[
{
"type": "A",
"propsA": "foo"
},
{
"type": "A",
"propsA": "foo"
},
{
浏览 1提问于2019-11-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
