1回答
我正在尝试与Vue和Django一起使用早午餐，但我得到一个空白页面，当我尝试在我的js中放置断点时，我发现它失败了：
import Vue from 'vue/dist/vue.js'
使用“未捕获的SyntaxError:意外的标识符”
我的html是：
<html lang="en">
<head>
...
<link rel="stylesheet" type="text/css" href="{% static 'public/css
浏览 15提问于2018-03-01得票数 0
我对vue.js完全陌生。我正在尝试重复一个简单的列表，但它没有显示任何内容。我的代码是
<html>
<head>
<title>VUE Series</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
&l
浏览 0提问于2016-09-30得票数 0
1回答
我正在使用Vue.js和Webpack开发一个单一页面的web应用程序。最近，我遇到了来缩短css类。我能够从css文件中缩短css类。但是我无法从Html页面缩短相同的类。
以下是我从webpack.config.js的摘录
module.exports = {
context,
entry: './index.js',
module: {
loaders: [
{
include: path.resolve(__dirname, './src'),
use:[
{
浏览 3提问于2017-12-30得票数 3
实际上，我正处于Vue.js 2的学习阶段，我试图将组件复选框值附加到主Vue.js实例数据数组变量中。但是，我总是在{{ brandArray }}中得到空数组。任何帮助都将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, init
浏览 8提问于2017-08-27得票数 0
回答已采纳
我想知道为什么有些代码使用vue.js中的类和样式
谁可以让我知道，我确实知道什么时候应用CSS的类和样式的用法。这也是同样的原因吗？
浏览 1提问于2017-09-30得票数 0
我正在向VueJS迈出第一步，但我已经被困住了。我只是试图显示一个变量，但是即使语法在我看来是正确的，我还是
{{product}}
显示而不是实际的产品名称。下面是HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue Mastery</title>
<!-- Import Styles -->
<link rel="st
浏览 1提问于2022-03-26得票数 0
3回答
应用多个类不能正常工作
、、、、
简单地说，我有一个div，我想做一个练习，使用vue.js应用3个不同的类，为此我尝试使用v- bind : class，更准确地说:类，我可以直接从css绑定类吗？
我做了那样的事
html
<div :style="[myClass1,myClass2,myClass3]">I got no class :(</div>
css
.myClass1 {
background-color: black;
width: 200px !important;
height: 200px !important;
}
.myClass2 {
b
浏览 3提问于2017-03-06得票数 1
回答已采纳
我正在为Vue.js使用antd (antd)组件库。菜单组件使用起来非常简单：
我只想改变链接的“：悬浮”颜色(从默认的蓝色到红色)，这可以通过重写CSS类来实现。但对我来说，改变“子菜单箭头”的颜色是非常困难的(避免使用丑陋的变通方法)，这个箭头仍然是蓝色的。
下面是一个简单的例子：
有人试过吗？
浏览 12提问于2019-09-10得票数 2
回答已采纳
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
回答已采纳
我正在加载一个引用客户端js文件的模板，代码如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.js"></script>
<link rel="stylesheet" type="text/css" href="../css/app.css">
</head>
<body>
&l
浏览 3提问于2016-10-09得票数 12
回答已采纳
Vue.js支持用<style scoped>指令将CSS封装到.vue文件。我不明白我应该在哪里使用它，以及在哪里更好地使用像Stylus这样的CSS预处理程序。
我的想法应该是具有全局样式的site.css，每个.vue文件都应该有自己的样式(比如元素的颜色和其他次要的东西)。我说的对吗？
浏览 0提问于2017-02-27得票数 2
回答已采纳
为了在JavaScript上使用命名捕获组，我做了这样的修改：
diff --git a/assets/js/vue.js b/assets/js/vue.js
index f442939c9..6d9e707f0 100644
--- a/assets/js/vue.js
+++ b/assets/js/vue.js
@@ -44,7 +44,7 @@ Vue.config.silent = config.production;
requireComponent.keys().forEach(fileName => {
const
componentConfig =
浏览 18提问于2019-08-05得票数 2
回答已采纳
1回答
VScode没有导入我的main.js文件。我也不明白我做错了什么。index.html就在main.js旁边，但它找不到它。我以前导入过很多js文件到html中，为什么现在它坏了呢？有谁知道该怎么做吗？ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue Mastery</title>
<!-- Import Styles -->
<l
浏览 79提问于2021-07-27得票数 0
回答已采纳
我是Vue.js新手，并尝试测试语义绑定。我将Vue.js放在与测试页面相同的目录中，但我得到了一个Vue警告：“无法找到元素：#growler”。我这样做对吗？
html
<head>
<title>
Growler
</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel=
浏览 4提问于2019-07-27得票数 0
回答已采纳
我正在学习Vue.js。因此，我使用vue cli在我的系统中安装了vue.js。已成功安装。现在我正在用vue.js创建一个网站。所以我将这个静态超文本标记语言模板化到vue.js。所以我在这个超文本标记语言中使用了jQuery和其他一些库和js文件。所以当我从我的src/assets/js“文件夹导入"jquery.min.js”时，它并没有编译和运行开发服务器。它每次都卡在40%上，但是当我安装jquery，然后导入它的编译和启动开发服务器时。所以我的问题是为什么需要安装jQuery和其他节点模块?为什么我们不能只使用从.js文件导入。我也分享了一些屏幕截图，这样你会更好地理解
浏览 51提问于2020-03-18得票数 1
我想做以下几件事：
<img v-bind:style="{ transform: translate3d(50 + 'px', 50 + 'px', 50 + 'px') }" src="#">
但是我得到了错误Property or method "translate3d" is not defined on the instance but referenced during render.
我理解为什么我会收到这个错误，因为Vue.js假定translate3d是一个JavaSc
浏览 6提问于2019-12-15得票数 0
回答已采纳
4回答
场景:我有一个iframe (它托管在同一个域中，但仅使用Jquery )，并且它已经被编码以触发一些带有参数的事件。我必须用父vue.js应用程序中的参数捕获这些事件。
iframe:
$('*').mouseover(function (event) {
var event = jQuery.Event( "mouseover-highlight" );
event.top = $(this).offset().top;
event.left = $(this).offset().left;
parent.$('body').
浏览 6提问于2017-09-12得票数 11
回答已采纳
我正在构建一个前端项目，使用Vue.js和Webpack作为我的构建工具。我将使用SCSS编写我的样式，因此我通常使用sass-loader。然而，尽管我能够require -css的SCSS版本，但当我试图请求我的自定义SCSS文件时，我得到了以下错误，有人能解释一下吗？
ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/main.scss
Module build failed:
display: flex;
^
Invalid
浏览 3提问于2017-09-06得票数 0
我开始通过CDN使用Vue.js。
我有以下选择元素：
<select @change="setValue($event.target.value)">
<option>Choose</option>
<option val="1">First</option>
<option val="2">Second</option>
</select>
问题是，当用户选择Vue.js选项时，setValue用Choose调用Choose函数。
浏览 0提问于2022-02-06得票数 0
1回答
找不到Vuejs框架的元素
、、、、
我已经安装了名为Vue.js的框架，但是我得到了这个错误。
我正在将所需的全部导入到index.html和Reviews.vue文件中，该文件只包含：
<template>
<div id="app">
<el-button type="primary" round>Primary</el-button>
</div>
</template>
<script>
import Vue from 'vue'
import ColorP
浏览 1提问于2018-08-12得票数 0
回答已采纳
1回答
我是vue.js的新手，我有一个小小的挑战。我创建了一个文件ChatMessage.vue，这是该文件的内容。
<template>
<div>
<p>{{message}}</p>
<small>view author here</small>
</div>
</template>
<script>
export default {
name: 'chat-message',
data () {
return {
浏览 4提问于2017-06-29得票数 0
1回答
我的Webpack配置中有以下模块：
module: {
preLoaders: [
{
test: /\.vue$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.js$/,
loader: 'eslint',
include: projectRoot,
exclude: /nod
浏览 1提问于2016-05-04得票数 29
回答已采纳
刚刚开始使用Vue.js，所以有很多需要学习的地方。当输入被禁用时，我想要更改背景颜色，因为计算函数返回true。我似乎不能让它起作用。
这是我的导出默认值。
computed: {
disableField () {
if (condition) return true
}
}
这个在我的模板里
<input
:class="{ disableInput: disableField }"
:disabled="disableField"
/>
这是在我的CSS中
.disable-input {
background-c
浏览 2提问于2018-09-26得票数 2
回答已采纳
1回答
我正在尝试运行下面的代码，这可能是Vue.js最简单的例子，但它根本不起作用：
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
有什么问题吗？我在标题中加载<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"
浏览 2提问于2017-02-08得票数 0
回答已采纳
4回答
我最近开始使用Vue.js，我真的很喜欢它，但是我遇到了一些我不知道该如何做的事情。我已经搜索和阅读了文件，但没有找到解决办法。
当您向任何组件中添加CSS类时，Vue.js将自动添加或合并CSS类和子组件中的根元素。
这是一个很好的特性，但是我需要为特定的组件禁用这个特性，因为我希望将类添加到根元素的子元素中。
我做这把小提琴是为了说明
<div id="demo">
<child-component class="some-class"></child-component>
</div>
(“某些类”将自动
浏览 16提问于2017-03-31得票数 0
回答已采纳
1回答
Vue.js 1.0之前的版本中，你可以这样调用多个事件句柄：
<input type="text" v-on="
keyup: onKeyUp,
blur: onBlur
">
现在，随着1.0的发布，新的语法如下：
<input type="text"
v-on:keyup="onKeyUp"
v-on:blur="onBlur
">
我想找个办法给v-on打两次电话。似乎找不到有关vue.js 1.0+的多个事件处理程序的任何文档
浏览 3提问于2015-11-16得票数 0
1回答
我是vue.js前端开发人员，也是hybris的新手，我知道Hybris有一个默认的商店前端，它是用jsp，js，jquery，css编写的。如何在店面中使用vue.js，根据客户需求实现或修改模板。
浏览 11提问于2020-03-04得票数 0
我是从Vue.js开始的。我遇到的第一个问题是我的集成开发环境(Atom)没有美化我的.vue文件。这都是白文。
如何才能让Atom正确地突出显示.vue文件？
浏览 0提问于2017-07-21得票数 22
回答已采纳
2回答
我想使用vue.js在我的.jinja模板金字塔项目，但我不能。如果我理解正确的vue.js只运行在.html文件。我该怎么做？
signin.jinja2
<body>
<div id="id">
<p> {{ title }}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="../static/js/main.js&#
浏览 1提问于2018-10-01得票数 3
回答已采纳
3回答
我是Vue.js的新手。我对Vue组件之间的通信做了一些简单的练习。但我仍然有一个问题，谁是孩子，谁是家长。例如，我有以下代码：
HTML:
<body>
<div id="root" class="component">
<coupon @applied="onCouponApplied"></coupon>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js
浏览 7提问于2019-08-14得票数 1
回答已采纳
我用Vue.js做了一个应用程序，我正试图在Nuxt.js中适应它。对于滚动间谍，我在Vue.js中使用了Vue.js，所以我希望在Nuxt.js中也这样做。
有点像在Vue.js main.js文件中导入main.js一样，我在Nuxt中创建了一个插件来添加jQuery和require("jquery.easing")：
plugin/jqueryeasing.js
import Vue from "vue";
import jquery from "jquery";
require("jquery.easing");
Vu
浏览 4提问于2019-02-21得票数 2
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
是否可以在Vue.js 3上的事件处理程序中调用匿名函数？
我在网上找到了这些选择：
<button @click="return function() { console.log('test')}()">Click me</button>
<button @click="() => { console.log('test') }">Click me</button> //ES6
<button @click="(function(){ console.log
浏览 18提问于2022-09-02得票数 0
6回答
我能够注册一个自定义vue.js组件
// register
Vue.component('my-component', {
template: '<div class="my-class">A custom component!</div>'
})
还请参见
如何包括我的组件的css类？
我希望像这样的事情
Vue.component('my-component', {
template: '<div class="my-class">A cus
浏览 0提问于2018-03-01得票数 27
回答已采纳
4回答
有人能帮我使用img标签和vue.js吗？
根据vue.js ，我试过：
<img v-bind:src={{ imgURL }}> //prints a null image
这是我的
有人能帮忙吗？
浏览 7提问于2016-12-27得票数 9
回答已采纳
错误：
Vue警告:属性或方法"$v“不是在实例上定义的，而是在呈现期间引用的。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的组件。见：。
找到位置
->在resources\assets\js\components\products\Product_create.vue
我使用Vue.js和Vue.js作为验证器，我从这里复制和粘贴了这段代码，但是它仍然不能工作：
Vue组件:
<template >
<input v-model="$v.text.$model" :class=&#
浏览 0提问于2018-08-22得票数 4
回答已采纳
1回答
我有一个简单的项目
我使用
Hello 模板：
<h1>{{msg}}</h1>
和脚本
data() {
return {
msg: `{{ $t("welcomeMsg") }}`
}
}
插件/i18n.js :
const messages = {
en: {
welcomeMsg: "Welcome to Your Vue.js App",
},
es: {
welcomeMsg: "Bienvenido a tu aplicación Vue.js",
浏览 2提问于2019-10-27得票数 1
回答已采纳
我有一个在本地主机上运行良好的Vue.js项目。
但是，当我构建并部署到生产中时，我需要在“静态”子域上提供静态文件(.css和.js)。
例如，我的主URL：
https://www.example.com/index.html
静态资产将是：
https://static.example.com/css/app.50f83e17.css
https://static.example.com/js/chunk-vendors.6f495bf3.js
当我运行"npm“时，Webpack构建了像这样加载的"index.html”文件：
<link href=/css/ap
浏览 2提问于2020-06-14得票数 1
2回答
我是Vue的新手，我正在努力找出最好的方法来做下面的事情。
让我们使用example.com作为我们的域名。
我们部署了一个Vue.js应用程序，允许客户在我们的Vue.js应用程序中创建自己的子目录(例如，example.com/user1page和example.com/user2page)。现在，example.com转到Vue.js登录页面
市场部最近给我们发了一个主页(内置于纯HTML/CSS/JS)，他们需要在example.com上显示。我是否可以将该页面的HTML/CSS/JS上传到Vue静态资产文件夹中，并呈现给example.com；然后为所有example.com/*呈现
浏览 7提问于2021-07-13得票数 0
回答已采纳
我从一开始就通过一个文件应用程序学习VueJ。
它将包含在一个html页面中，其中包含我的javascript & CSS样式。
为了不从web导入VueJs特性，我下载了Vue.JS文件并通过输入将其链接到HTML文件中：
<head>
...
<script src="vue.js"
...
</head>
通过这样做，我能够将一个<script>...</script>添加到我的HTML文件中，这个文件包含在识别Vue的JS代码中。
效果很好。
现在，我想将代码拆分到它们各自的文件中：
HTML fileJS
浏览 1提问于2019-11-20得票数 0
假设一个人来自jQuery世界。如果有一个组件myPlugin (例如，在特定DOM元素上悬停时显示工具提示的组件jQuery插件)，它将启动如下所示：
$('.tooltipClass').myPlugin( { // options object here } )
此代码将选择具有类tooltipClass的所有元素，并将myPlugin应用于它们。
在Vue.js中，它是不同的，而且文档并没有真正清楚地说明这一点。我们有
let x = new Vue({
el: '#app',
...
})
然后我们读到(在中)：
为Vue实例提供要挂载的
浏览 4提问于2021-11-25得票数 0
1回答
我正试着用Laravel做我的投资组合。我对拉勒维尔很陌生。我想，在里面做一个小项目会让我熟悉拉拉维尔。最近，我发现Laravel依赖于Vue.js
我试图包含jQuery库，因为我对Vue一点也不熟悉。但那不太顺利。然后我开始寻找Vue.js，但找不到多少。
经过大量的努力，我完成了以下Vue组件：
var trialEle = new Vue({
el: '#trialEle',
data: {
working: 'yes'
}
});
然后，我尝试通过以下标记访问工作的值：
<div id="trial
浏览 0提问于2018-08-30得票数 0
1回答
我刚刚开始使用vue.js，但有一个概念仍然令人困惑。 导入一个vue.js“组件”和一个css文件有什么不同？ 以bootstrap和vue-bootstrap为例。我两个都需要吗？只有一个？哪一个? 对我来说，如果我想要将bootstrap用作<b-link>之类的vue组件，就需要导入vue-bootstrap。如果我想在常规的html标记中使用它，那么我还需要导入.css。
浏览 7提问于2019-04-19得票数 1
回答已采纳
1回答
我想使用Django管理，但我想更改一些页面或更改某些页面中的一些元素。我想在这项工作中使用vue.js。我没有足够的时间去改变所有的模板。我该怎么做？
浏览 4提问于2020-12-13得票数 1
回答已采纳
1.我是vue.js的初学者，但当我尝试一些例子时，我发现了一些不寻常的东西。第一个问题是当我在id中设置body时，并按照如下方式编写js代码：
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/semantic.css">
<script type="text/javascript" src="js/vue.js">
</
浏览 2提问于2017-08-24得票数 1
回答已采纳
在使用Vue时，我会遇到一些与平时不同的东西，并且无法克服。HTML码和JSFiddle链接： <div class="box align" id="app" onmouseover="fuchsia(id)" onmouseout='notFuchsia(id)'>
<div class="line align">
<div class="y-line align">
<p>get ur
浏览 9提问于2021-04-22得票数 0
我正试图从jQuery切换到Vue.js，我有点被困在这里了。我有三个按钮在页面上。当我点击一个按钮，我希望所有的其他按钮改变背景颜色为绿色和按钮被点击-改变它的颜色为黑色。
这只是jQuery的两行代码，但我不知道如何用Vue.js实现它。对于Vue.js，似乎也没有这个关键字。
而且，在这一点上，我只想应用原始的css背景颜色属性，而不是应用类。
这是我的jQuery代码-非常简单
<div class="main-content-area">
<div class="btn">Click me!</div>
浏览 3提问于2018-10-22得票数 4
回答已采纳
在Vue.js应用程序中添加外部CSS文件的正确方式是什么？
我发现了几种在Vue.js应用程序中添加CSS文件的方法。
有人建议用这个。<link rel="stylesheet" type="text/css" href="/static/bootstrap.min.css">。
有人建议用这个
<style lang="scss">
@import 'src/assets/css/mycss_lib.css';
</style>
有人建议用这个
require('.
浏览 3提问于2018-06-19得票数 8
回答已采纳
我遵循Jeffery的vue-系列来学习如何将vue.js元素嵌入到我的项目中。我理解基本知识，但是我对v-on属性有问题。由于某些原因，我无法让我的任何方法运行模糊点击或其他什么。Jeffery正在使用视频中的"“括号，但在他们使用的文档中却没有使用。我两次都试过了，甚至都没能登录到控制台上。这是我的装置。
HTML:
<div id = "demo" class = "container">
<ul>
<li v-for = "name in names">@{{ name
浏览 3提问于2016-02-27得票数 0
回答已采纳
3回答
我使用的是带有Vue.js的Laravel 5.3 (非常新)。这是我当前的代码
app.js
var vm = new Vue({
el: '#app',
data: {
messages: []
},
ready: function(){
this.getMessages();
},
methods: {
getMessages: function(){
this.$http.get('api/messages'
浏览 2提问于2016-10-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
