我有一个web应用程序，使用Django作为后端，Vue.js作为前端。在单元格中，这是每个行的一个按钮，它应该在单击后获取该行的详细信息。因此，我希望将Vue.js中某一行的一些变量作为参数传递给Vue.js方法。
但是我做不到，当我尝试点击按钮时，它总是提交表单，但是我已经添加了type=“按钮”。
<tbody>
<tr v-for="(row, index) in filteredRows" :key="`isbn-${index}`">
&l
浏览 4提问于2021-07-06得票数 2
回答已采纳
我有一个简单的Vue.js应用程序，带有这个模板：
<h1>{{ name || '<New Document>' }}</h1>
我的目标是，如果name是错误的，使用文本<New Document>。这不是用来作为自定义标记标记的。我希望Vue.js将其插入文档：
<h1><New Document></h1>
相反，我在控制台上得到以下警告：
Vue警告:未知的自定义元素：-正确注册组件吗？对于递归组件，请确保提供"name“选项。
根据的说法，使用一对花括
浏览 3提问于2019-01-06得票数 6
回答已采纳
我是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
回答已采纳
1回答
我正在使用一张有角的传单地图，并添加了一个图例。为了改变映射的外观，在视图加载了$timeout方法之后，我操作了DOM。图例应该是可点击的，以选择哪些项目应该出现在地图上。因此，当点击图例中的一个项目时，我试着发出警告。为此，我将项目更改为按钮，以确保。但是按钮单击不起作用，因为它不知道方法。
有人知道如何在被操纵的DOM对象上调用ng单击方法吗？
以下是我的一些代码：
controller.js
//initiating of the map happend before
//now loading of the markers and manipulating of the map
f
浏览 3提问于2015-04-16得票数 1
回答已采纳
我正在一个现有的项目中实现vue.js，并将body标记上的vue实例绑定为id "app“。
到目前为止，jQuery和Vue.js玩得很好。但是，当我创建组件时，这些组件中的所有jQuery绑定都不再起作用了。
然而，根实例中的绑定仍然有效。
HTML：
<body id="app">
<button class="button-app" @click="showMessage('app')">APP</button>
<some-component inline-temp
浏览 4提问于2015-11-22得票数 2
回答已采纳
1回答
我试图用电子和vue.js制作一个应用程序，在这个程序中，我想为文件制作一个DropZone，并得到这个文件的路径。我的问题是电子像文件查看器一样打开我的文件。如何使用vue.js禁用它？
浏览 0提问于2018-03-14得票数 0
回答已采纳
React有类似于this.props.children的东西：
Vue.js是否也有一些类似的访问子元素？
浏览 2提问于2016-08-16得票数 11
回答已采纳
2回答
我需要验证输入后，只有在提交按钮被点击。然而，所需的规则是激活后失去焦点。我在Vue.js中使用Vue.js。
HTML：
<input
name="Email"
v-validate
data-vv-rules="required|email"
id="email"
type="email"
v-model="email"
placeholder="Email "
>
联署材料：
this.$validator.validateAll().t
浏览 8提问于2017-03-22得票数 2
回答已采纳
我有一个生产中的Vue组件和一个测试环境。在生产中，它在一个wordpress主题中，我得到了错误： jquery.min.js:2 Uncaught RangeError: Invalid string length
at repeat$1 (vue.js:11398)
at generateCodeFrame (vue.js:11380)
at vue.js:11467
at Array.forEach (<anonymous>)
at compileToFunctions (vue.js:11464)
at Vue.$moun
浏览 125提问于2019-02-06得票数 3
回答已采纳
//编辑:我想我已经解决了这个问题。我需要从vue独立建造..。
我已经将我的vue.js 1.0应用程序迁移到vue.js 2.0 (使用迁移助手)。但是这个错误显示在控制台Failed to mount component: template or render function not defined. (found in root instance)中。
以下是我的简化main.js：
import Vue from 'vue';
import Router from 'vue-router';
import SiteHeader from '
浏览 3提问于2016-10-06得票数 3
回答已采纳
有时我会犯这样的错误：
TypeError: this.$parent.test()不是函数
以下是我在父母中的方法：
test() {
console.log('test')
}
这个孩子是：
...
if (this.$parent) {
this.$parent.test()
}
我知道还有其他方法可以做到这一点，但我想知道的是，我是否可以检查这个家长是否存在！！这在vue.js中有可能吗？？谢谢
浏览 1提问于2019-11-25得票数 0
回答已采纳
鉴于以下情况：
<div id="#my-container">
<div class="title">Companies</div>
<div class="tab active tab-apple">Apple</div>
<div class="tab tab-google">Google</div>
</div>
在没有单击任何选项卡的情况下加载页面时，任何带有默认活动类的选项卡都需要进入.titl
浏览 4提问于2015-12-31得票数 2
回答已采纳
1回答
当Vue.js 1问世时，我遵循了laracasts的Vue.js课程，我经常这样做：
import Comments from './components/Comments.vue';
import Upload from './components/Upload.vue';
new Vue({
el: 'body',
components: {
Comments,
Upload,
Preview,
Algolia,
浏览 13提问于2017-01-31得票数 1
回答已采纳
我有一个Vue.js应用程序，有一个按钮，中间有一个矢量图标。我想在点击那个按钮的时候眨眼。 代码如下所示： up (event) {
event.currentTarget.style.background = 'blue'
setTimeout(() => {
event.currentTarget.style.background = '#fcfcfc'
}, 100)
}, 问题是，当我点击按钮时，它会绘制成蓝色，但它不会使用setTimeout重新绘制。 我哪里做错了？
浏览 24提问于2019-09-10得票数 0
回答已采纳
我已经学习了Vue.js的生命周期钩子，但是没有发现任何使用created()函数的实际场景？
我知道created()函数可以访问响应式数据和事件，但不能访问DOM元素。但实际上我不知道如何使用它。请谁帮我提供使用Created()函数的实际场景。提前谢谢。
浏览 2提问于2018-10-15得票数 7
2回答
Vue.js和他的路由系统给我带来了一些麻烦。我举了一个例子，。
为什么当我使用模板(见Foo)时，方法是正确附加的?为什么当我使用el (参见Bar)时不正确呢？
这是他的密码：
index.js
var Foo = Vue.extend({
template: '<p v-on:click.prevent="foo">This is foo!</p>',
methods: {
foo: function(){
alert('YEAH')
}
}
})
va
浏览 3提问于2016-04-13得票数 0
回答已采纳
1回答
下面的代码实际上是在每个按钮上播放声音，用vue.js点击。
当DOM准备好而不是单击按钮时，如何检测键盘按下和播放声音？
例如，在输入播放声音v-on:keyup.13="playSound('path/to/mp3')"
Vue文档主要解释html属性，我想这可能需要在JS中完成。我是Vue.js的新手
关于Vue.js的文档
见。
new Vue({
el: '#app',
data: {
text: ''
},
methods: {
playSound (sound) {
if(
浏览 0提问于2018-05-11得票数 1
回答已采纳
因此，Vue.js有自己的样式指南，其中明确指出(在“基本”部分)，可以防止“与现有和未来的HTML元素发生冲突，因为所有的HTML元素都是一个单词”。
然而，他们使用<component>标记来表示。我在现有的HTML标记列表中找不到<component>。这是否意味着，如果有一天HTML采用<component>标记，Vue.js将尝试解析它们并破坏它们？
请澄清。
浏览 2提问于2018-12-06得票数 11
回答已采纳
1回答
因此，在我阅读了并观看了Vue.js提供的之后，我决定只测试组件的行为。但我可能误解了这个概念。以下是组件：
<template>
<es-btn
class="a"
round
outline
color="primary"
@click="skipScan"
>
Skip Upload
</es-btn>
</template>
浏览 1提问于2019-07-03得票数 3
回答已采纳
使用JQuery，可以按以下方式捕获页面中任意项的事件。
$(document).click(function(event){
// event.target is the clicked element object
});
如何对Vue.js做同样的操作
浏览 5提问于2017-01-31得票数 14
回答已采纳
我有一个小网站，它使用Laravel和Vue.js来呈现一个列表。您可以查看它。看起来谷歌爬虫无法跟踪v-for生成的链接。
Google说：Not found: vergleichen/%7B%7B%20anbieter.slug%20%7D%7D和我认识的所有页面爬虫都无法抓取链接。
我做错什么了？有解决办法吗？任何帮助都是非常感谢的♥
更新
@Linus:您的假设是正确的，是我的刀片文件的内容，JS看起来如下：
var suche = new Vue({
el: '#suchen',
data: {
search: ''
浏览 3提问于2016-04-16得票数 1
2回答
以下是我所拥有的，我将尽我所能加以解释：
在我的HTML代码中有一个模型，如下所示：
id="favorites-modal-edit"是Vue.js应用程序，然后是<favorites-edit-component /> vue.js组件。
这里是我有的JS代码
我生成了我的favorites_list，它是一个对象数组，如下所示：
const favorites_list = [
{
id: 1,
name: 'Horse',
url: 'www.example.com
浏览 2提问于2021-02-03得票数 0
回答已采纳
2回答
我正在使用Vue.js为火狐创建一个插件。我希望它有多个组件的路由。但是，每次我点击来自路由器链接 <router-link to="/about">About</router-link> 我正在浏览器中更改url (所以它看起来像这个丑陋的moz-extension://a86771fb-409f-4096-8a07-b000de29d6bf/dist/index.html#/about)。 有没有办法避免这种情况，让搜索/网址栏为空？我已经可以说，如果需要的话，我可以使用不同于vue-router的解决方案。
浏览 21提问于2019-12-10得票数 0
回答已采纳
我正在使用Vue.js创建一个web应用程序，用户可能希望将应用程序设置为全屏模式。当应用程序不处于全屏模式时，我希望在应用程序的右上角显示一个“最大化”图标()，当应用程序处于全屏模式时，我希望显示一个“还原”图标(︎)。我想用Vue.js来处理这些图标的切换。
我已经搜索了谷歌如何做到这一点，甚至只是使用香草JavaScript，但我找不到有用的东西。
浏览 4提问于2020-11-20得票数 0
回答已采纳
我一直在学习Vue.JS，我只是在尝试做一个应用程序，可以在点击按钮时添加芯片。创建的芯片应该获取输入的值作为名称。我已经创建了一个(通常)应该创建这个芯片的方法。它甚至没有调用这个方法，我不知道为什么，我试着在方法的开头console.log一些东西来检查它…… 谢谢大家！ 我的App.vue： <template>
<v-app id="whole_container">
<v-content id="main_container">
<v-row id="main_row"
浏览 49提问于2020-06-14得票数 1
在Vue中可以在添加到v-on中的字符串上添加v-html事件吗？在这个例子中，当点击“麦琪”链接时，什么都不会发生。它似乎没有在Vue注册。
或者还有别的方法可以做到？我使用的是Vue.js 2.1.3
Javascript
window.onload = function() {
new Vue({
el: '#app',
data: {
users: ['Homer', 'Marge', 'Bart', 'Lisa', '<a hr
浏览 11提问于2016-12-07得票数 7
4回答
当用户点击任何键盘键时，如何使事件处理程序被触发？
我试过我的主要部件：
<template>
<div class="Controller" @keypress="handleKeyPressed">
在以后的方法中：
handleKeyPressed(e) {
console.log(e)
}
但是，当我按任意键时，我看不到控制台中的日志，而且vue.js似乎没有捕获任何键笔画。
当用户点击任何键盘键时，如何使事件处理程序被触发？
浏览 12提问于2022-08-02得票数 0
在laravel中，我有一个vue.js主视图模板，我想要的是当我单击main模板时，这将显示子模型
//my main template
<template>
<div>
<ul>
<li @click="chatWith()"></li>
</ul>
</div>
</template>
<script>
export default {
methods: {
ch
浏览 13提问于2020-02-06得票数 0
我有一个模式(引导)，在这里我试图填充用户点击的内容。我有多个产品，每次点击都应该加载产品细节的快速查看。
所以我的HTML看起来如下：
<li class="">
<a data-toggle="modal" v-on:click="loadProduct(<?=$pop->id?>, '<?=$language?>')" data-target="#productModal" title="Quick View" class="qu
浏览 0提问于2018-05-01得票数 1
回答已采纳
我正在用Vue.js做一个PhoneGap/Cordova项目。我有两页:第1页包含项目列表，第2页是项目的详细版本。第2页也包含各种链接。
我有报告说，在某些情况下，当用户点击列表项目(第1页)中的不同位置时，该点击会在目标页面(第2页)上执行一个抽头。
因此，在中，用户点击位置T1，页面会很快闪到第2页，然后转到链接1，T2转到链接2，T3转到链接3。
有什么好主意吗？我如何减轻这个问题？
浏览 1提问于2019-03-04得票数 0
回答已采纳
通常，我们在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
列表项
<ul>
<li>language</li>
< v-if= "tree()"> //which tag I may use or any other process
<li>home</li>
<li>about</li>
<>
< v-else> //which tag I may use or any other process
<li>accounts</li>
&l
浏览 1提问于2018-03-11得票数 51
回答已采纳
我是vue.js的新手。vue.js的似乎只监听用户的输入事件，如果通过JS修改值，vue.js的值不会更新
下面是我的意思的一个例子：
function setNewValue() {
document.getElementById('my-field').value = 'New value';
}
new Vue({
el: '#app',
data: {
message: 'Old value'
}
})
<script src="https://cdn.jsdelivr.n
浏览 1提问于2015-11-05得票数 3
回答已采纳
当用户想要在基于Angular的应用程序中添加点击事件处理功能时，可以添加
(click)="someFunction()"
添加到某个html元素。
核心Angular模块代码的哪一部分负责创建此事件绑定并处理它？我正在通过Angular 5.x代码寻找答案，但没有找到任何可以清楚地说明它是用于创建和处理(单击)事件绑定的行。
浏览 13提问于2018-02-20得票数 3
我尝试获取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
5回答
我正在使用vue.js创建一个表单，并且我需要在vue中创建始终大写的输入。我知道我可以使用css属性
text-transform: uppercase;
，然后在发送数据之前使用
data.someData.toUpperCase()
但我想知道在vue.js中是否有更智能的方法来做到这一点。在react中，我们可以创建受控输入并轻松完成。在Vue.js中有类似的东西吗？
我设法使用计算字段做到了这一点，但是，我必须为表单中的每个输入创建计算的getter和setter。有没有更好的方法呢？
浏览 1提问于2019-02-08得票数 9
2回答
当我在许多地方看到在html代码中使用的vue.js标记时，我正在阅读一些关于<template>前端框架的教程：
<template v-for="(choice,index) in choices">
<h1>{{ choice }}</h1>
<p>{{ index }}</p>
</template>
我想知道这个元素的确切目的是什么。它是否通常用于前端开发？
浏览 3提问于2018-05-07得票数 0
回答已采纳
1回答
我是Vue.js的新手。我目前正在使用Vue.js在asp.net核心之上。
我注意到，在99%的时间内，在呈现Vue.js语法之前就提供了页面。我怎样才能防止这种情况发生呢？
，例如
当第一次加载页面时我看到
<ol>
<li v-for="u in subscribers">{{ u.name }} - {{u.email}}</li>
</ol>
然后，在一瞬间，我看到
<ol>
<li>John - john@domain.com</li>
<li>John1 - joh1n
浏览 1提问于2019-02-19得票数 0
回答已采纳
4回答
我使用的是vue.js，我试着在上传前预览图片
HTML
<v-file-input
v-on:change="Preview_image($event)"
></v-file-input>
<img id="Preview_image_create" class="Preview_image">
Vue.js码
methods: {
Preview_image(e)
{
console.log(e);
if (e.target.files &&a
浏览 1提问于2020-03-14得票数 8
回答已采纳
2回答
Vue呈现按钮
、、、
我的问题是在vue实例上呈现一个按钮，点击一个按钮，然后再用事件单击呈现另一个按钮，如果我简单地挂载这个按钮，它就不会得到函数tes。
const Hello = {
props: ['text'],
template: '<button v-on:click="tes"> </button> ',
};
new Vue({
el: '#app',
data: {
message: 'Click me'
},
methods:{
alerta
浏览 1提问于2018-06-15得票数 0
回答已采纳
1回答
假设我有以下列表：
export default {
data() {
return {
items: {
Apple,
Orange,
Appricot
}
}
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<ul>
<li v-for=item in items>{{item}}</li>
浏览 4提问于2020-03-16得票数 1
回答已采纳
我在我的项目中使用Nuxt.js v2。现在，我已经通过在我的文件中设置components: true来启用nuxt.config.js。我想知道使用组件自动导入是否对我的站点的生产性能有任何负面影响？
我应该像在vue.js中那样手动导入组件吗？
浏览 6提问于2022-04-09得票数 4
回答已采纳
有人能帮我解释一下如何在asp.net Core2.1中使用vue.js吗？理想情况下，我只想在visual studio 2017中点击f5并加载网站。
我知道ms以前有spa模板，但它们似乎已经被抛弃了。github上也有一个入门模板，但它使用的是.net Core2.0。
浏览 4提问于2018-06-21得票数 1
我想用鼠标点击移动图像。我已经设置了x和y鼠标运动，但我不知道如何将这些坐标绑定到图像。
有谁可以帮我？我正在使用VUE.JS
浏览 3提问于2018-08-29得票数 0
2回答
在我看来，我没有声明this.el，因为我是以动态方式创建它的，但在这种情况下，事件不会触发。
代码如下：
视图1：
App.Views_1 = Backbone.View.extend({
el: '#content',
initialize: function() {
_.bindAll(this, 'render', 'renderSingle');
浏览 2提问于2011-09-01得票数 10
1回答
我想改变每次点击计数变量。如果我在on:clik事件中添加"count++“，它就能工作。但是，当我想要使用一个函数时，不会做任何事情。我还试着把组件和“新视图”放在同一个文件js中，但是不工作并且显示一个空白页，为什么？谢谢
Prova.js
Vue.component('prova', {
data: function () {
return {
count: 0
}
},
template: '<div><button v-on:click="Add&
浏览 3提问于2021-12-07得票数 0
回答已采纳
2回答
我想在我的Django项目中实现Vue.js。
Code:
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudfla
浏览 23提问于2017-07-11得票数 1
回答已采纳
1回答
在产品页面中，我试图显示自定义Vue组件。为了简洁起见，该组件将根据给定的产品id从Firebase数据库中显示一些信息。
我最初试图使这是一个Shopify应用程序，以便我可以访问他们的API。我实现了OAuth并可以检索所需的信息。但是，实际上，在存储中包含组件是不成功的。
在Shopify中包含Vue的最佳方法是什么？
我尝试过将脚本文件直接包含在模板文件、片段中，并将它们包含在全局脚本标记中。但是，我尝试过的任何东西都无法呈现出一个简单的组件。
内部product.liquid
<script src="https://cdn.jsdelivr.net/npm/vue@2
浏览 0提问于2019-06-16得票数 2
回答已采纳
与一起使用Vue.js v2.6.11
你好，初级开发学习Vue.js (来自反应世界)。我正在尝试将过滤器/搜索框更改为在单击我创建的按钮时触发，而不是在每次击键(其默认功能)之后。最后，我还想应用我自己的自定义过滤器，这些过滤器是从dropbox中选择来应用的，当我的搜索按钮被点击时。
我找不到触发搜索事件的代码，以便将其重定向到我的按钮按下。如果有人有任何的洞察力与VueTables2合作，并能帮助我在正确的方向，这将是非常感谢。谢谢!
浏览 5提问于2020-07-29得票数 0
2回答
Vue范围新鲜
、、、
我只是在jquery中使用vue.js。我的情况是，我尝试用jquery向main.html注入侧栏html代码(里面有vue语法)。但是，在我将sidebar.html注入main.html之后，vue.js无法编译注入的vue的语法。有人能帮我解决这个问题吗？vue有角scope.apply那样的功能吗？
浏览 8提问于2017-01-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
