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
回答已采纳
1回答
Vue 2.5动态下拉单击失败
、、、、
Vue.js 2.5动态下拉
下面的硬编码下拉列表工作。
<ul class="dropdown-menu" role="menu" id="dropdown">
<li><a href="#" v-on:click="setDate('2018-11-11')">2018-11-11</a></li>
<li><a href="#" v-on:click="setDate('201
浏览 0提问于2018-11-11得票数 1
回答已采纳
2回答
我想同时使用Vue.js和Flask : Vue.js用于动态前端，Flask用于后端。我该怎么做呢？
浏览 1提问于2017-09-14得票数 19
回答已采纳
2回答
我试图在vue.js中设置一个动态类，比如
<strong :class=`color-${category.level}`>{{ category.name }}</strong>
这个html在for循环中，我需要这个循环上的category.value，但是它不能工作。
浏览 2提问于2022-06-16得票数 0
回答已采纳
我有一个简单的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时，您会在标记中引用类似Blazor的组件，如下所示： <UserImageComponent>
...
</UserImageComponent> 但是，Vue.js具有动态加载组件的能力： <component v-bind:is="UserImageComponent">
...
</component> Blazor有这样的东西吗？
浏览 19提问于2020-01-27得票数 2
回答已采纳
我遇到的问题是在webpack身上使用vue.js。
我有一个想要在vue.js中动态填充的列表。
我使用v对每个对象进行迭代并创建列表项。
要将img标记绑定到数据点{resource.img}，它看起来如下所示：<img v-bind:src="resource.img">以动态加载图像。
然而，当客户端呈现页面时，src路径是正确的，但是它是实际的相对路径(例如“./assets/example.png”等)，而不是路径webpack输出。因此，该映像创建一个404，因为“./assets/example.png”中没有图像。
或者，如果我硬编码src的图像加
浏览 3提问于2016-10-06得票数 3
回答已采纳
我有一个用ajax内容更新的HTML页面。我将Vue.js用于一些动态的前端事件。
即使我尝试forceUpdate，动态添加的元素也不会与Vue.js实例交互。
我怎么能这么做呢？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script&g
浏览 24提问于2017-03-13得票数 1
回答已采纳
我是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
回答已采纳
我正在进行一个Drupal项目，该项目在所有页面上导入JQuery。我们开始使用Vue.js，直接将它注入到HTML页面中，用于动态组件的开发(而不是SPA)。
问题是，我们有与JQuery冲突的Vue.js UI。它将通过读取Vue.js的样式直接修改它们的所有输入。
是否可以在包含JQuery的特定div上禁用Vue.js UI？而不必在整个页面上禁用它，因为我们的标题有一个使用JQuery UI的汉堡菜单。
浏览 9提问于2022-03-14得票数 0
1回答
目前，我想知道使用vue.js时静态页面和动态页面之间的区别。
vue.js页面是静态的还是动态的？它们可以更改用户交互，但不一定需要与服务器交互才能更改数据，如果不使用axios或类似的话。那么，它是否仍然是静态的，只是在输入或交互上改变前端呢？
对此有点困惑。希望得到好的解释。
浏览 0提问于2020-12-18得票数 3
回答已采纳
我将sails.js 1.0与vue.js结合使用，并希望创建一个包含基于用户偏好的动态输入量的动态表单。因此，用户应该能够添加另一个输入，输入数据并发送包含动态数据量的完整表单。
我的表格是这样的：
<ajax-form action="addStuff" :syncing.sync="syncing" :cloud-error.sync="cloudError" @submitted="submittedForm()" :handle-parsing="handleParsingForm">
...
浏览 0提问于2018-04-19得票数 4
回答已采纳
我是vue.js新手，我想创建一些产品卡，通过vue.js动态地设置其属性：
这是我的HTML片段：
<div id="app">
<card v-for= "products in product" :productname="product.productname"></card>
</div>
这是我的vue.js模板/组件代码：
Vue.component('card', {
props: [`productname`, `oldPrice`, `productPri
浏览 2提问于2019-07-24得票数 0
回答已采纳
1回答
下面使用数组语法一次性绑定静态和动态类。静态可以工作，但动态不能。 动态类绑定如何与SVG一起工作？ https://codesandbox.io/s/dynamic-class-binding-svg-in-vue-js-jc5qg <!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style>
.static {
浏览 30提问于2020-06-30得票数 0
回答已采纳
目前我有这个div，它用vue.js绑定来加载值。 <div :class="`progress-bar w-${progress.value}`"> 在css中，如何使用sass使css类名动态化？这意味着如果上面的代码被编译成 <div class="progress-bar w-88"> 将会有一个由sass生成的css类 .progress-bar.w-88 {
width: 88%;
}
浏览 27提问于2020-12-07得票数 0
回答已采纳
1回答
我想根据使用vue.js的数组条目的数量动态地创建方框。
一个数组
'101'，'102'，'103‘
从浏览器控制台传递到vue.js脚本，然后创建三个方框，第一个框上有文本101等等。
浏览 0提问于2018-03-20得票数 0
我正在使用vue.js和vuetify。 由父元素生成的元素存在于我的代码中。 我希望根据父类的子类动态地更改父元素的类，就像jQuery has()方法一样。 vue.js有什么办法做到这一点吗？ jQuery has()
浏览 40提问于2020-09-03得票数 0
回答已采纳
我想将动态图像(选中箭头)添加到包含其他div信息(图像+文本)的div中。
这意味着用户在应用程序中拥有这个“对象”。他可以动态添加或取消选择这个对象。
此操作的结果是动态显示或消失箭头。
这个过程在我的vue.js组件中运行得很好。但是，每次箭头出现时，我都可以看到一个偏移量：
我尝试使用v或v-显示vue.js指令，但结果是一样的。
我不想有一个新的偏移显示时，行动检查项目是启动。
--这是模板：
<div id="container">
<div @click="checkedItem(key.id)" class=
浏览 0提问于2019-02-06得票数 0
回答已采纳
0回答
我有一个vue.js模板，其中有一个待办事项。我想动态设置每个元素的id值。这就是我到目前为止所尝试的，这样的事情是可能的吗?如果不是，还有其他的选择吗？
<canvas class="canvas" id="cv`${{todo.id}}`" width="500" height="700"></canvas>
浏览 0提问于2017-12-08得票数 12
回答已采纳
我是Vue.js的新手，我用终端开发了一个Vue.js应用程序，现在，我构建了它，并将它放在java应用程序上。如果我按原样跑的话，它就能正常工作。
但我需要将csrftoken传递给Vue.js。为此，我通过静态设置Vue.prototype.$csrfToken = '*************************';开始工作。现在，它应该是动态的，必须来自java响应会话。
我试图在索引页面(如- var token = '<%= request.getSession().getAttribute("token") %>&#
浏览 1提问于2018-05-19得票数 0
我花了很多时间研究这件事，但没有结果。我知道在Webpack中，代码分割和动态绑定是如何使用import承诺API的。
但是，我的用例是，我有两个完全独立的包，分别使用不同的webpack构建来生成。为了给您提供透视图，我正在构建React组件，并且需要将react组件动态加载到已在不同过程中编译的页面中。这有可能有反应吗？我确实控制了webpack的两个构建，所以我可以排除依赖，等等。
更新：--我刚刚介绍了Vue.js，以及它如何允许开发人员注册Vue.js组件，然后在代码中引用它们。我可能会在页面脚本之前加载我的Vue.js组件脚本。我想看看我能不能做出类似的反应。
浏览 1提问于2017-02-24得票数 11
回答已采纳
我尝试在vue.js中创建一个for循环，如下所示：
<div class="row" v-for="i = 0; i < numberOfRanking; i++">
<div class="col s6 m6 l6">
Rank 1
</div>
<div class="col s6 m6 l6">
<input type="text" name="reward-sph-rank-1">
浏览 13提问于2017-07-14得票数 1
回答已采纳
2回答
我的web应用程序中有一些单选按钮，我正在用vue.js创建这些按钮，它们都很好地工作，但是当我决定使用引导样式的单选按钮时，它就有点混乱了。我意识到，我必须使用vue-带的数据绑定，以正确地工作在引导样式的单选按钮在vue.js，但我似乎仍然不能让它像以前一样好。
以下是我以前的经历：
<div class="col-lg-6">
<div class="form-group">
<div class="radio">
<label>
<input type=
浏览 5提问于2016-03-22得票数 1
回答已采纳
2回答
我是第一次来由vue.js提供服务的Vuex商店。我想在下面的场景中使用它。
1. 1.Does状态是指任何由服务器提供服务的静态或动态数据。或者说数据存储在json中？
模板。
<!-- title start -->
<div class="_Handler-0-1">
<x-x :path="store.glyph.path['0']":classs="store.static.class['0']"/>
</div>
<!-- title end -
浏览 3提问于2018-02-05得票数 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声称这是一个进步的框架，我们倾向于将我们的网上购物升级为Vue.js支持的SPA。
例如，我们使用Vue.js在页面顶部呈现迷你购物车。并使订单表具有动态性。并使产品详细信息页面动态化等。
这意味着我们在同一页面上定义了许多小型vue应用程序。
然而，它们仍应具有相同的背景。因为当用户单击产品详细信息页面上的buy按钮时，应该更新共享上下文，以便页面顶部的迷你购物车能够反映购物车中的产品总数。
为此，我们创建了一个全局变量，在我们的Vue.js迷你应用程序中，我们使用它作为数据：
var cart = { orderLines: [], itemsCount: 0} // th
浏览 5提问于2022-03-06得票数 1
1回答
我尝试在Vue.js中动态绑定CSS的animation属性，以便根据其他变量更改动画。我的实现如下： <template>
<div>
<div :style="{transform: getTrans(), animation: getAni()}">Test</div>
</div>
</template>
<script>
import Vue from "vue";
export default {
nam
浏览 29提问于2019-01-24得票数 0
1回答
我正在学习Vue.js(2.6.*)。他们提到了动态指令参数。根据医生的说法，下面的代码应该有效-
<a v-bind:[attributeName]="url"> ... </a>
如果我有一个名为
attributeName
在我的例子中。但下面的代码显示错误-
var app = new Vue({
el: "#app",
data: {
message: "Hello World",
argValue: "This is a simple text",
dynamicArg: "
浏览 2提问于2021-08-02得票数 0
回答已采纳
我正在阅读一个客户端项目的静态站点生成器，我遇到了Vue.js和Nuxt.js，它们看起来很有前途。因为我可以在Vue.js和React之间选择，所以我现在更喜欢Vue。 客户的网站大约有120个页面，预定义的内容不会经常改变。因此，它似乎是静态站点的完美候选者--尤其是他目前的WordPress站点刚刚被谷歌猛烈抨击，因为页面加载速度非常糟糕…… “问题”或问题是，除了这120个页面之外，还需要一个页面，它基本上是一个通过API从后端动态获取数据的单页面应用程序。要编写这个动态页面，最好也能使用Vue.js。 我确实找到了很多关于静态页面或服务器生成页面的Nuxt.js的信息。但我的用例是
浏览 24提问于2020-12-01得票数 0
回答已采纳
2回答
我有一个使用vue.js创建的Html，它是从JSON数据中动态生成的，我要做的是点击，我想要更改该行的背景色
我的代码
new Vue({
el: "#app",
data() {
return {
billPendingData: [{
"billno": "A1",
"customername": "s ",
"netamount": "131.0000",
"
浏览 4提问于2020-01-22得票数 1
2回答
我使用vue.js动态地从JSON数据创建输入字段。我面临的问题是给他们提供动态的v-模型。
我正在做的是
new Vue({
el: '#app',
data() {
return {
totalAmt: 500,
paymentMode: [{
"PAYMENTCODE": "SW",
"PAYMENTNAME": "Swiggy"
}, {
"PAYMENTCODE": "BB
浏览 3提问于2019-12-27得票数 1
回答已采纳
这是我的目标
var users ={
twitter : {
name : //,
lastname : //
},
facebook : {
name : //,
lastname : //
}
}
}
我有一个动态变量activeuser，它可以从Facebook更新到twitter。我要做的是根据activeuser的值来引用用户中的内部对象。我需要给我的div类似这门课的东西：
<div class=' {{users.activeuser}}'></div>
我知道vue.js不应该这样
浏览 3提问于2015-07-06得票数 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
1回答
Knockout.js的一个非常有用的特性是能够将绑定放在注释中。例如，如果我希望使用动态生成的<ul>标记加上最后一个“添加新项”，那么在Knockout.js中，我可以这样做：
<ul class="list-group">
<!-- ko foreach: items -->
<li><a class="list-group-item" data-bind="text: itemtext"></a></li>
<!--
浏览 2提问于2016-02-12得票数 0
回答已采纳
我是Vue.js的新手，我想为我的网站添加一个搜索功能。数据来自API调用，也使用vue.js显示。
显示HTML代码：
<div class="row" v-for="items in data">
<div class="col-lg-4 col-md-6" data-toggle="modal" data-target="#exampleModal" user="'items'" @click="sendInfo(items)&
浏览 0提问于2020-06-12得票数 0
回答已采纳
我的web应用程序中有一个HTML视频：
<video src="" id="video-container" controls></video>
最初源是空的，在加载一些数据后，我用JS动态地更改它：
var video = document.getElementById('video-container');
...
video.src = VIDEO_URL;
video.play();
它过去工作得很好，与Vue.js 1兼容，但自从我迁移到Vue.js 2后，视频就不再工作了。对video.play()和vide
浏览 2提问于2016-12-05得票数 5
回答已采纳
当我写一些消息时，我尝试动态地通知。
这是我的vue.js代码。
<script>
Vue.http.options.emulateJSON = true; // Send as
new Vue({
el: '#app',
data: {
name : "",
postResult : ""
},
methods: {
click: function() {
this.$http.post('/api/test', {name:this.name}).t
浏览 5提问于2018-03-16得票数 1
回答已采纳
我正在使用一个没有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
我使用vue.js从api中提取了一个动态img。由于一些奇怪的原因，图像无法绑定。我试过两种方法:src。和:attr，但都不起作用。url确实显示在数据内部的vue控制台中，但无法在页面上显示图像。任何帮助都会有很大帮助。
<html>
<head>
<style></style>
</head>
<body>
<div class="container">
<div id="editor">
<img v-bind:sr
浏览 0提问于2018-05-09得票数 0
回答已采纳
我正在为Vue.js ()使用基于模式的表单生成器组件
有人知道如何使用trim()函数来避免输入字段中的动态空空间吗？
浏览 4提问于2020-06-02得票数 0
回答已采纳
我正在使用Vue.js，我想知道如何动态地调用javascript属性。假设我将一个参数传递给这样的函数：
filter: function(items) {
this.countriesToFilter.splice(index, 1);
},
如何动态地替换countries中的this.countriesToFilter调用，从而最终得到以下结果：
this.itemsToFilter.splice(index, 1);
浏览 1提问于2016-06-08得票数 0
回答已采纳
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
我在vue.js应用程序中使用预发布程序spa插件来渲染html，但是它不能呈现动态数据。当prerender spa-plugin完成呈现时，创建的html文件只包含一些html代码，不显示任何动态数据。
方法
已挂载
预制板-spa-插件配置
浏览 1提问于2018-04-16得票数 5
我有一个通过v-for生成的表格。
注意:我使用"@“来转义刀片。
我的观点是：
data: {
form: {
inputs: [{icon: "", name="", placeholder: "", type="", value=""}]
},
owner: {first_name: "", last_name: "", cell_phone: "", email: ""}
}
我使用以下命令
浏览 2提问于2015-12-13得票数 13
回答已采纳
将动态生成的日期传递给jQuery
我可以在vue.js中做同样的事情，但我不得不在jQuery中做这件事，我被难住了。
在我的jquery中，这只显示当前日期
var newdate1 = $('#formatteddate');
newdate1 = moment().format('DD/MM/YYYY')
console.info(newdate1);
This is my html
<div class="eight wide column" id="formatteddate">
Insurance ex
浏览 3提问于2019-07-10得票数 1
回答已采纳
我想等待用户的点击使交互内容。
下面的代码是使用vanilla的示例。
但是使用Vue.js，我不能动态地向特定的dom元素添加事件侦听器。
那么，我怎样才能用Vue.js实现这个目标呢？
async mainTask(){
//something...
showText.innerText += "please input value and then click ok button.\n";
const input = await waitInput();
//...
}
async function waitInput() {
return ne
浏览 7提问于2020-03-17得票数 0
在我的JS中，我有产品清单。
var productData = [{
title: 'Bike',
price: 300
},{
title: 'Guitar',
price: 199
}]
这些数据是从异步调用中的远程Json收集的。所以我得用JS来做这个。
最后，我遇到了一个情况，我需要展示这个产品。但这里有两件事。1)在HTML中，我在主实例作用域之外。这是因为有第三方API与这些产品交互，除了其他的东西.因此，该数组不以任何方式绑定到Vue实例。2)动态创建产品列表。为了显示它，我必须做一个好的旧html字符串连接，然后
浏览 1提问于2018-08-07得票数 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
2回答
我已经在本地主机上运行了vue.js应用程序: VM服务器上的8090。我使用SSH将VM服务器连接到VS代码，并能够在端口转发后访问本地计算机的chrome浏览器上的vue.js应用程序。但是在同一个VM中，还有另一个项目，它对vue.js应用程序进行自动化测试，因此需要访问本地主机:8090URL。当Vue.js应用服务器启动时。不幸的是，python selenium项目无法获得并请求localhost:8090 URL。在selenium测试中，我增加了睡眠时间，还添加了隐式或动态(webdriver贮备)，但仍然无法工作。
如果有人可以建议如何在VM vscode中打开localho
浏览 19提问于2022-05-27得票数 1
回答已采纳
1回答
我想在不使用属性/数据的情况下，在Vue.js中的div上动态切换click事件的类。
这是我的div
<div class="quiz-item" @click="checkAnswer(1)">
单击此div时，我想添加类quiz-item--correct或quiz-item--incorrect (逻辑将在其他地方处理)。我不能使用属性，因为测验中有太多的答案，它不是一种可维护/可行的方法。
有谁对我如何实现这个功能有什么想法吗？
浏览 3提问于2017-03-28得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
