在Vue中摸爬滚打： JS： document.addEventListener("DOMContentLoaded", function () {
Vue.component('coordinate-form', {
template: `<form><input type="text" v-model:"coord"></input><input type="submit"></input></form>`
});
浏览 14提问于2019-04-29得票数 0
回答已采纳
是否可以将道具从js模块传递到vue？
道具在组件之间传递得很好，但并不是来自实际的Vue应用程序本身：
main.js
import Vue from 'vue'
import App from './App.vue'
var myVue = new Vue({ export to other files
el: '#entry',
components: {App},
render: h => h(App),
data: function(){
return{
testSuccess:'
浏览 2提问于2019-12-05得票数 2
回答已采纳
我有以下代码： let tasks;
try {
await checkMongoConnection();
const tasks = await Task
.find()
await disconnectMongo();
if (!tasks) { return reject(); }
// Is is possible to use the same naming?
tasks = tasks;
} catch(error) {
console.log(error.message);
} 在JS中，可以使用相
浏览 19提问于2020-09-16得票数 1
回答已采纳
我目前在尝试使用webpack.ProvidePlugin时得到了这个，但似乎加载不正确。这是我的environment.js
var webpack = require("webpack");
const { environment } = require("@rails/webpacker");
const vueLoader = require("./loaders/vue");
environment.loaders.append("vue", vueLoader);
environment.plugins.appe
浏览 0提问于2018-04-02得票数 8
我正在尝试运行一个基本的Nuxt应用程序，它的外部Vue组件是在lerna monorepo中使用vue-cli构建的。
该页面简要显示组件内容(服务器呈现)，然后消失，引发以下错误。
"export 'default' (imported as 'Header') was not found in 'a2b-header'
紧接着是
Mismatching childNodes vs. VNodes: NodeList(7) [svg, text, div#app, text, h2.subtitle, text, div.links
浏览 3提问于2020-01-30得票数 2
回答已采纳
1回答
可能是一个新手错误或误用，但我们开始吧。
打开时出错:常量颜色，setColor = useState([])
错误:无效的挂钩调用。钩子只能在函数组件的主体内调用。这可能是由于以下原因之一：
我遗漏了什么？
组件代码：...
this.state = {
nbrrecs:'',
pageOfItems: [],
pageSize: 5,
fcolor:''
};
this.setState({fcolor:GetCo
浏览 0提问于2021-09-30得票数 0
我想从一个JavaScript属性内部调用一个普通的Vue.js函数。我可以通过Vue.js数据变量引导它，但是直接从v-bind调用普通的JavaScript函数会产生一个错误。
如何直接调用JavaScript函数而不必映射到Vue.js中的变量或方法？
<div id="app">
<div>
The URL is: {{url}}
</div>
<div>
<a target="_blank" v-bind:href="url">goto URL&
浏览 0提问于2018-01-27得票数 5
2回答
我有一个HTML表单，在submit上，要调用一个called ()函数。
如果validate()函数位于"body“标记末尾的"script”标记中，则submit可以正常工作。
否则，提交在外部js文件中存在时不会调用validate()函数，即使使用document.ready，就像在中一样
HTML --
<form method="post" action="#" onsubmit="return validate()" name="loginForm" class="form-horiz
浏览 7提问于2016-05-19得票数 1
回答已采纳
我只想问:在JavaScript中将函数命名为变量有什么原因吗？
(我的意思是使用Dep两次。我只是在Vue.js中爬行，发现了这个)
var Dep = function Dep () {
this.id = uid++;
this.subs = [];
};
浏览 0提问于2019-03-30得票数 7
是否有可能从服务器获取.scss文件并开始在我的Vue app中使用它？假设我想获得.scss文件与color variables，我有3个不同的应用程序在Vue上为同一家公司。为了保持一致，我想对所有的应用程序使用相同的颜色，，。但它们可以在服务器上进行更改，然后在所有三个应用程序中，颜色都会发生变化。
浏览 2提问于2020-07-26得票数 2
因此，最近我开始学习Vue.js框架，并发现了一个代码片段。我不知道为什么"updateXY"函数会以"event"作为参数来调用，即使它没有被指定。
index.html
<div id="vue-app">
<div id="canvas" v-on:mousemove="updateXY">
({{ x }}, {{ y }})
</div>
</div>
app.js
new Vue({
el: "#vue-app"
浏览 2提问于2019-03-11得票数 0
回答已采纳
1回答
将变量放在括号外
、、、、
最近我开始研究node.js，遇到了"ReferenceError: B没有定义“的问题。通过一些简单的操作，我获得了套接字函数中的变量(b)。但是，我在函数外部计算接收到的信息。在这种情况下，程序无法确定从何处获取变量(b)。我试着使用变量return，但它不起作用。当我在函数中使用变量(b)时，没有问题。告诉我如何正确地解决这个问题。
var io = require('socket.io')(serv,{});
io.sockets.on('connection', function(socket){
console.log('ne
浏览 5提问于2021-09-10得票数 0
我已经在main.js文件中导入了jQuery，但它仍然抛出此错误 Uncaught ReferenceError: jQuery is not defined at eval (navbar.js) 我无法解决这个问题。我尝试了所有可能的方法在main.js中导入 我在public/index.html文件中使用了jQuery CDN链接，这个错误消失了，但navbar.js文件中的导航栏脚本根本不起作用。 使用npm npm install jquery --save安装了jquery navbar.js (function ($) {
'use strict';
浏览 12提问于2021-06-27得票数 1
回答已采纳
我使用vue-cli 'vue init webpack-simple my-app‘命令创建了一个新项目。在新的安装副本中，我尝试在默认情况下创建的App.vue组件中导入vue-路由器。但它给了我一个错误：'Uncaught ReferenceError: Vue is not defined‘。如果我在App.vue中再次导入vue，那么这个应用程序运行良好。但是我已经在main.js中导入了vue，那么为什么我需要在App.js中再次导入它呢？有什么办法可以使用从main.js导入的vue吗？这是我的代码：
main.js：
import Vue from 'v
浏览 1提问于2018-09-11得票数 4
回答已采纳
我有个小问题，我已经坚持了一段时间了。我有一些上传文件的普通JS代码，并在浏览器中显示用户上传的内容。
在下面的代码中，我尝试将我的普通JS转换为react.js代码。在vanilla中，我可以将readAndPreview()嵌套在previewImages()中，但在react.js中，我的集成开发环境(而不是控制台)中出现了错误Unresolved method or function readAndPreview()，这是为什么呢？
我做错了什么?我如何才能纠正它？我愿意接受任何形式的批评:)。
import React, {Component} from 'react'
浏览 15提问于2019-08-01得票数 0
2回答
以下是我的数据：
data: function(){
return {
contas: [{id: 3,
nome: "Conta de telefone",
pago: false,
valor: 55.99,
vencimento: "22/08/2016"}] //debug test value
};
},
下面是我的get请求：
beforeMount() {
axios.get('http://127.0.0
浏览 0提问于2016-12-06得票数 47
回答已采纳
2回答
a = 4
def foo(x):
a = 10
foo(2)
print(a)
#prints 4
上面的代码不会改变a
a = 4
def foo(x):
return a + x
result = foo(10)
print(result)
#prints out 14
我不太明白这两个人的行为有何不同。第二，全局变量明显影响foo中的局部变量。但是，如果我在a中的第一个foo中更改了a，那么在全局框架中a就不会发生任何变化。这是怎么回事？
浏览 5提问于2013-09-18得票数 2
回答已采纳
我正在试图读取通过js和node.js访问我的Mqtt代理的证明文件。但是，我得到了以下错误: fs.readFile不是一个函数。
我注意到在npm包中fs似乎不受欢迎，所以我尝试使用优美的fs和fs，但这导致了类似的错误。我也尝试过改变需求导入，但它没有改变任何东西。
这是我的代码：
import Mqtt from 'mqtt';
const fs = require('fs');
var caFile = fs.readFile("myCApath")
var certFile = fs.readFile("myCERTpath&
浏览 3提问于2021-11-19得票数 1
回答已采纳
这里是Vue.js的新手。在Mac上使用版本：
$ npm --version
4.6.1
$ vue --version
2.8.1
我将webpack-simple init与vue-cli一起用于vue 2.0。我在Django项目文件夹中为vue创建了一个名为frontend的文件夹。目录结构：
$ tree
├── README.md
├── asnew
│ ├── __init__.py
│ ├── migrations
│ ├── models.py
│ ├── settings.py
│ ├── templates
│ └── index.ht
浏览 0提问于2017-04-28得票数 6
回答已采纳
我正在尝试访问变量，该变量被声明为全局变量，并在onclick函数中初始化。
它不能在onclick函数之外访问。
在下面的代码中，"ClickedChillerName“是一个变量，我将其声明为全局变量，并在onclicked函数中进行了初始化。
点击发生后，我正在重新加载页面。
虽然我想访问外部的"ClickedChillerName“，但它给出了未定义的。
window.onload = function() {
initAuth('Line chart and events table using the PAYG SKU'); // initia
浏览 0提问于2021-02-10得票数 0
我有一个vue2应用程序，我想开始对一些服务文件使用TypeScript (而不改变现有的js/vue文件)。
为了增加对TypeScript的支持，我使用了vue-cli，它看起来很有效:我添加了一个带有TypeScript函数- myFunction的myService.ts文件，并且在这个文件中vue检测到了正确的类型问题。我还可以将此服务导入vue组件文件- myComponent.vue (包含js代码的组件)，并正确使用它。
myFunction看起来是这样的：
function myFunction (x: number, y: number) : number {
cons
浏览 9提问于2022-03-14得票数 2
1回答
在Rust中，任何方法都可以创建一个本地函数，这个函数可以多次被称为()。我在Python中这样做的方法是：
def method1():
def inner_method1():
print("Hello")
inner_method1()
inner_method1()
浏览 2提问于2014-11-01得票数 66
回答已采纳
3回答
怎样才能调用函数内部的函数呢？
模板: (HTML)
<a v-on:click="hello.world"></a>
JS : (作为组件)
methods: {
hello: function() {
return {
world: function() {
alert('hello world');
}
};
}
}
我收到警告： :
Vue警告:事件“单击”的无效处理程序: got未定义
这可以通
浏览 5提问于2017-04-06得票数 2
回答已采纳
2回答
我有一个容器组件，它处理所有的业务逻辑、ajax、数据等。
它有子组件，他将数据和方法作为道具传递。
因此，对于这个问题，有一个"CommentForm“组件，它在提交时获得一个作为函数调用的支柱。
现在，当子组件使用数据调用该方法时，所有操作都很好，但是现在我有两个选项：
数据很好，所以组件的输入是清晰的。
数据糟糕，显示错误
第二个选择很容易..。
但是首先，我如何告诉子组件清除它的内容，我是否需要为它创建另一个道具，还是另一个好方法？
**这段代码是我的代码在Vue.js中的一个例子，但这是一个类似于react的一般性问题
let Vue = require(
浏览 6提问于2016-09-15得票数 1
5回答
我有两个HTML按钮。第一个按钮启动下面的JavaScript函数：
function generations(){
var refresh = setInterval(function(){ mutation() }, 1000);
}
效果很好。我想要第二个按钮结束setInterval。我试过这样做：
function stop(){
clearInterval(refresh);
}
不起作用。如果我在函数之外定义了"refresh“变量，它就能工作，但是如果我想启动它，它就会自动启动。这两个函数在一个单独的.js文件中定义。
帮助!
浏览 7提问于2016-02-28得票数 1
回答已采纳
2回答
当我试图将一个道具传递给mixin时，我得到了一个Cannot read property of undefined error。
我是不是做错了什么，或者我还能怎么克服这个问题？
mixins/BarMixin.js
export default baz => {
return {
// my mixin code...
}
}
components/FooComponent.vue
<script>
import BarMixin from '@/mixins/BarMixin.js'
export default {
mixins:
浏览 1提问于2019-11-22得票数 4
1回答
我是Vue2的新手，在根据函数的输出绑定类时遇到了一些麻烦：
<ul v-for="sheep in sheeps">
// sheep.listing = ['b', 'e', 'f'];
// partners = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']
<li v-for="foob
浏览 0提问于2017-07-13得票数 0
回答已采纳
我正试着用卡玛做单元测试。我有一个calendar.tests.js文件，看起来很像这样：
import { handleSelectDay } from '../components/Calendar/index.vue'
describe('Calendar', () => {
describe('handleSelectDay', () => {
const data = {};
describe('updates data', () => {
it('should
浏览 4提问于2017-04-05得票数 1
回答已采纳
1回答
这是我使用Vue with Symfony的开始。问题是我的页面没有显示任何内容，我希望打印Hello。我做了所有的配置。我已经创建了文件夹vue 在vue里面，我有以下两个文件。 App.vue <template>
<div id="app">
<h1>Hello</h1>
</div>
</template> index.js import Vue from "vue";
import App from "./App";
new Vu
浏览 25提问于2021-06-26得票数 0
回答已采纳
3回答
导入.vue文件
、、、
我有main.js和app.vue文件
主js文件内部如下所示
var a = 1;
import App from './App.vue'
new Vue({
el: '#app',
render: h => h(App)
})
在App.vue文件中，我想要console.log(a)，返回错误a没有定义，为什么？出什么问题了？
浏览 0提问于2017-06-16得票数 1
5回答
我正在做一个需要使用js插件的项目。既然我们使用了vue，并且我们有了一个组件来处理基于插件的逻辑，我需要在vue组件中导入js插件文件，以便初始化插件。
以前，这是在标记中处理的，如下所示：
<script src="//api.myplugincom/widget/mykey.js
"></script>
这是我尝试过的，但是我得到了一个编译时错误：
MyComponent.vue
import Vue from 'vue';
import * from '//api.myplugincom/widget/mykey.js&
浏览 0提问于2018-01-24得票数 44
回答已采纳
Hii我得到这个错误不能读取未定义的属性(读取'$store')：这是我的路由器(index.js) {
path: '/',
name: 'login',
component: () => import( /* webpackChunkName: "hours" */ '../views/login.vue'),
meta: {
hideNavbar: true,
},
beforeEnter: (to, from, next) => {
if (this.$
浏览 161提问于2021-09-21得票数 2
我有一个vue js应用程序，它在我的php项目中编译并呈现在自己的环境中。我使用的是旧版本的PHP框架，而不是Laravel。 我的vue js应用程序实例是在main.js文件中创建的 Vue.component(
'Dashboard',
require('./components/dashboard/Index.vue').default
);
console.log(window.location);
const router = new VueRouter({
mode: "history",
bas
浏览 9提问于2020-08-19得票数 2
1回答
PWA:在后台轮询数据
、、、
我的PWA应用程序需要轮询来自API的新“通知”，而该应用程序正在使用或在后台。
我正在使用NuxtJS和Vuex，并且已经有了一个执行请求、添加状态和索引DB的操作(承诺)。
我需要每5分钟调用这个操作，并在我尚未看到的响应中为id创建通知。
我可以做通知部分，但我不知道如何调用我的Vuex动作。我是否可以派遣行动，或者我是否需要将我的承诺以某种方式导入服务人员？
在Nuxt nuxt.config.js中，您可以将文件添加到pwa.workbox.importScripts数组中，但是包含我的一个store文件不起作用，因为服务工作人员正在它自己的目录中查找文件，并且我的存储文件已经压缩。
浏览 2提问于2020-04-21得票数 2
2回答
我已经开始使用单一文件组件与Laravel一起构建vue.js应用程序。问题在于我的app对象:它是一个DOM，而不是一个Vue对象，并且应用程序不能正常工作。
当我启动我的应用程序时，组件被正确地呈现，vue-devtools识别Vue 2.2.6，任何事情似乎都以正确的方式工作。
但当我打字的时候
console.log(app)
在chrome控制台中，我看到一个DOM对象：
<div id="app"></div>
更重要的是，当我尝试更改title属性(并希望看到屏幕上已更改的hello组件)时，只需键入
app.title = "aw
浏览 1提问于2017-04-05得票数 2
回答已采纳
3回答
当我在netlify上部署mysite时，成功地部署了它。但不起作用。当我检查的时候，我发现我的应用程序还在点击本地主机。我的问题是如何声明环境变量？我是新来的..。
Axios档案-
import axios from 'axios'
import store from '../store/index'
export default ()=>{
return axios.create({
baseURL:process.env.VUE_APP_API_BASE_URL ||
process.env.API_BASE_URL ||
浏览 4提问于2020-01-12得票数 2
我是新加入Vue.js的，所以有些概念可能是我遗漏的。问题是，我已经尝试了几个月了，但我无法找到解决办法。我要做的是更改v警报的消息，但在另一个js脚本上，导入所述消息的变量并对其进行更改。
这是我App.vue的一部分
<v-app>
<v-alert transition="scale-transition" :type="success" max-width="280" height="55" class="justify-center">{{alert.message}}<
浏览 16提问于2022-06-24得票数 -1
回答已采纳
1回答
我正在为VuePress构建一个简单的反馈收集组件。我把它“打包”成一个插件，因为我认为这是正确的方法。插件非常简单，包括：
FeedbackCollector.vue -在页面底部显示反馈按钮的Vue组件。单击时，会出现一个面板，并为用户提供一些问题。
index.js
const path = require('path')
module.exports = {
name: 'feedback-flyout',
enhanceAppFiles: [
path.resolve(__dirname, &#
浏览 2提问于2021-04-12得票数 0
2回答
无法读取未定义的属性“ref”
、、、、
我正在用Vue + Firebase + Vuefire构建一个简单的web应用程序，当我试图在组件中使用我的Firebase db变量时，我得到了"Uncaught :无法读取未定义的的属性'ref‘“。
在main.js中
Vue.use(VueFire)
const firebaseApp = Firebase.initializeApp({ //setting })
// Export the database for components to use.
export const db = firebaseApp.database()
在我的那部分
// in R
浏览 2提问于2017-11-12得票数 4
回答已采纳
我正在使用Vue.js (cli 3)来构建一个模拟的webbshop来练习。我得到了一个javascript文件，包含按钮、篮子和结账的所有函数。
而不是将所有代码复制到我自己的vue应用程序中。如何导入Javascript文件而不出现错误？
我试过的是：
在我的Vue应用程序中将导入添加到main.js文件中。(我阅读了这个解释，但我真的不完全理解发生了什么)
import webbshop from '@/assets/lib/js/webbshop.js';
Object.defineProperty(Vue.prototype, '$webbshop'
浏览 0提问于2019-02-11得票数 3
在vue 2+中，我可以很容易地得到this的实例，因此我可以编写这样的东西，
// main.js
app.use(ElMessage)
// home.vue
this.$message({
showClose: true,
message: 'Success Message',
type: 'success',
})
我该为vue 3做些什么，
内部安装()，这将不是对当前活动实例的引用，因为setup()是在其他组件选项被解析之前调用的，它在其他选项中的行为将与其他选项中的行为非常不同。这可能会在其他Options中使用setup()时造
浏览 14提问于2021-04-05得票数 2
回答已采纳
2回答
我正在尝试制作简单的Vuex应用程序，下面是我的文件：
main.js
/* eslint-disable no-unused-vars */
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import Vuex from 'vuex'
import App from './App
浏览 0提问于2018-02-21得票数 2
回答已采纳
1回答
我想在我的vue.js应用程序中包含一个简单的javascript脚本，该脚本具有一个指向该库的外部链接，如下所示： <script type="text/javascript" src="https://my_site/index.js"></script>
<link rel="stylesheet" href="https://my_site/index.css" />
<script type="text/javascript">
docum
浏览 15提问于2019-04-30得票数 1
我有一个简单的JS和Vue在一个文件中的应用程序。我需要将一个变量值从JS传递给Vue。0。所有代码都在一个文件中：
<script>
plain js
var plainJS = 100;
</script>
<script>
var app = new Vue({
el: '#vue-app',
....
</script>
的主要功能是在普通的js上。Vue在UI.中做了一小部分。
如果我的一个元素改变了位置(屏幕上的一个点)，和js可以捕获
I需要弹出火(一些警报)，如果选择了checkBox，但是Dot
浏览 1提问于2022-07-08得票数 0
1回答
我正在使用vue.js在这个网站工作。它使用。我在那里放置了一个画布边栏，它在点击时打开和关闭。我试着把东西放进我的侧边栏，但它不起作用，总是给我看不清楚。
我是vue的新手，我使用的版本是2，它使用的是ES5，而不是ES6。
以下是js文件：
$(document).ready(function () {
// noinspection JSAnnotator
var vue = new Vue({
el: '#map-control',
// data: {
// title:'HELLO WORLD'
// },
浏览 0提问于2018-03-01得票数 0
回答已采纳
我在代码中使用vue-gapi 来访问Google。我成功地安装并使用这个插件从Calendar API获取数据。我现在很难使用路由器守卫。
plugins/vuagapi.js：
import Vue from 'vue';
import VueGapi from 'vue-gapi';
const apiConfig = {
apiKey: '***',
clientId:
'***.apps.googleusercontent.com',
discoveryDocs: [
'https:
浏览 0提问于2021-04-09得票数 1
回答已采纳
4回答
首先，在resources/js/app.js中编写代码
function button1Clicked(){
console.log('Button 1 is clicked');
}
第二，使用testing.blade.php编写代码
<!DOCTYPE html>
<html>
<head>
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Testing</title>
</h
浏览 3提问于2017-10-09得票数 17
var main = {
doSomething: function(){
function firstOne(){}
function secondOne(){
$.ajax({
success: function(){
firstOne(); /* here I want the previous function */
}
});
}
}
}
如何从标记的行运行firstOne()函数？这可能是一个低级的问题，但我不理解JS名称
浏览 0提问于2011-08-15得票数 1
回答已采纳
我是Vue JS的初学者。我必须在一个值经常变化的组件中使用一个变量。因此，当我在data()下声明并定义它时，Chrome控制台将发出以下警告
因为当data()变量发生变化时，Vue框架会自动调用render函数。
除了在data()方法中声明变量之外，还有其他方法来声明和使用变量吗？
<template>
<ul>
<div v-for="(list,index) in itemlist" :key="index">
<div v-if="!isFirs
浏览 1提问于2019-11-25得票数 0
我遵循惯性网站文档上的所有服务器端呈现步骤，并安装了所有依赖项，但无法通过Laravel 8和Vue 3来设置它。
得到了这样的错误：
[Vue warn]: Unhandled error during execution of created hook
at <App errors= {} key=null >
ReferenceError: document is not defined
at Proxy.created (C:\Users\Name\desktop\php\laravel\infoajara-new\public\js\ssr.js:702:5
浏览 11提问于2022-04-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
