我有一个flask变量，我试图在vu.js分隔符中将其用作ID：['['，']']。举个例子，我在<p>标签中定义的flask id包含“阿联酋”一词，所以我想从vue _ js中将字符串"hi“推送到由flask呈现的阿联酋id。我希望我的话听起来不会太混乱。
<i class="ui orange tiny label">
<p id="[[{{ i.App }}]]"></p> # This is flask rendered variable inside vue.j
浏览 25提问于2019-08-08得票数 0
在vue.js中，我们知道有两种方法可以将数据绑定到视图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<p>{{msg}}</p>
<p v-text="msg"></p>
浏览 3提问于2019-09-23得票数 1
1回答
我想用数据对象调用Vue组件。
todo-item标签起作用。todo-item2标记什么也做不了。我希望得到同样的结果。
HTML：
<div id="app">
<todo-item
v-bind:text="todo.text"
v-bind:is-complete="todo.isComplete"></todo-item>
<todo-item2 v-bind:="todo"></todo-item2>
</div>
脚本：
var
浏览 12提问于2018-01-30得票数 0
回答已采纳
我有一个用Vue.js v2构建的Django SPA / webpack。
我希望能够使用Django静态模板标签在Vue.js模板.vue文件中添加对图像等的引用。
现在在我的Django的base.html模板中：
{% load static %}
{% load render_bundle from webpack_loader %}
<html>
<head>
<!-- This works fine here! -->
<link rel="stylesheet" href="{% s
浏览 2提问于2017-06-02得票数 4
好的，所以，请注意，这是一个非常新的问题，因为我只是刚刚开始使用Vue.js。
所以，我有一个标签和一个按钮。如果标签不可见，则按钮应注明“显示标签”，单击时.给我看看标签。当标签是可见的，按钮应该说“隐藏标签”，当点击，隐藏它。
这(带有计算属性)显示/隐藏标签，但不更改按钮标题：
<html>
<head>
<link rel="stylesheet" href="index.css">
<script src="https://unpkg.com/vue@2.6.11
浏览 1提问于2020-04-02得票数 0
我开始学习Vue.js，我正试着在我的项目中创建一个饼图。也使用(apexchart)。我从Axios得到了数据。我想要显示标签和值中的数据，我如何管理它。这是app.vue <template>
<div id="app">
<!-- <HelloWorld msg="Welcome to Your Vue.js App" /> -->
<NavBar msg="Rick & Morty" />
<PieChart
:data=&
浏览 77提问于2021-04-08得票数 0
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
回答已采纳
我需要在单击带有警告框的按钮时更改{{message}}。未显示警告框，消息也未更改。
我是vue世界的新手，其他例子都在工作，但只有这个文件有问题。
我在<h1>标签内的message标签上使用了指令"v-once“，<h2>没有"v-once”。
请回复我在下面的代码中做错了什么。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<me
浏览 3提问于2019-12-19得票数 2
我已经试过了所有的东西，但是我不能让vue.js在Laravel上工作，似乎没有任何具体的东西可以把x放在文件y中来让它工作。
我用npm，作曲家，什么都试过了，但是我连一个基本的例子都找不到。我不清楚我需要什么，它需要去哪里。
我使用刀片从app.layout视图扩展，但不清楚我是否需要在默认的应用程序布局中添加代码到资产/js/app.js，还是只使用脚本src=“标签”。
app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example'
浏览 3提问于2017-07-03得票数 1
回答已采纳
我刚接触Vue.js，我刚刚阅读了这里关于条件渲染()的文档，但不知何故无法让它工作……
我的代码：
<button onclick="showTemplate()">Teste</button>
<template v-if="app">
<div id="app">
{{ message }}
</div>
</template>
function showTemplate(){
var app = new Vue({
浏览 18提问于2017-07-06得票数 0
回答已采纳
在我的头标签中添加了Vue.js：
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
我正在将一些自定义的Vue逻辑构建到我的中(还没有使用Vue storefront )。
在我的自定义ShopWare 6 文件vue-input-number/vue-input-number.plugin.js中，我有：
import Plugin from 'src/plugin-system/plugin.class';
export default cla
浏览 0提问于2020-03-11得票数 0
因此，我从React切换到了一个简单的hello项目，只有当我在我的script文件中引入Vue标记时，它才能工作。但是，我不能导入节点模块，比如：
import './node_modules/vue/dist/vue.js
或
import Vue from 'vue'
就像我说的，如果我在HTML文件中有一个脚本，比如
<script src='./node_modules/vue/dist/vue.js'></script>
<script src="app.js"></script>
浏览 0提问于2018-07-17得票数 1
3回答
如我们所知，如果将<script>标记放在"el“vuejs中，就会显示出一个错误。这让我不能在vue el上放任何广告
例如：
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script>
<script src="https://ajax.googleapis.com/ajax/
浏览 4提问于2017-09-09得票数 3
2回答
我正在创建一个表单。当输入被聚焦时，标签的颜色应该是蓝色的。但我的代码好像出了点问题。我无法向输入指出这一点。
下面是不起作用的代码：
new Vue({
el: '#app',
data: {
inputs: document.querySelector('.input')
},
methods: {
changeColor(){
this.inputs.previousElementSibling.style.color = "blue";
}
}
});
<div id=&#
浏览 3提问于2017-10-29得票数 0
回答已采纳
我在Vue.js中使用了Vue.js思想，在定义组件模板时我遇到了一个小问题。简单地说，如果不尝试连接，IntelliJ不会让它们超过一行
示例
Vue.component('app-button', {
template: '<div class="button-container"><div class="button-outer"><div class="button-inner"></div></div></div>'
});
浏览 2提问于2017-02-24得票数 1
回答已采纳
我刚刚在GoDaddy上启动了一个Vue站点，下面是链接： --我一直通过导入组件来获取警告/错误。这是我的app.js
Vue.component('nav-bar', 'navbar.vue')
Vue.component('todo-item', {
template: '<li>This is a todo</li>'
})
var app = new Vue({1
el: '#app',
data: {
message: 'Pic-M
浏览 2提问于2018-09-22得票数 1
回答已采纳
1回答
我正在使用这个组件https://github.com/vueform/multiselect <Multiselect :options="testData" label="name"/> const testData = computed(() => {
return [
{ name: 'Vue.js', id: 'vue' },
{ name: 'Angular', id: 'angular' }
]
})
r
浏览 12提问于2021-10-30得票数 0
回答已采纳
1回答
在IE11中，库不能与Vue.js一起使用。我得到以下警告：
[Vue warn]: Unknown custom element: <picture> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
我可以使用Vue.config.ignoredElements = ['picture']删除警告，但这似乎不能解决问题。我认为在幕后，Vue.js正在使用图片标签，因为它不被IE1
浏览 52提问于2017-02-14得票数 1
回答已采纳
4回答
我正在使用vuetify复选框，我已经设置了一个标签，但是标签上有一个color:rgba(0,0,0.54)样式，它很轻，我试图将颜色更改为rgba:(0,0,0)，但我无法针对.v-label theme--light类。
看看这个简单的
请查阅以下样本：-
new Vue({
el: "#app",
data() {
return {};
}
});
.v-label theme--light {
color: rgba(0, 0, 0) !important;
}
<script src="https://cdnjs.cloud
浏览 3提问于2020-05-13得票数 1
回答已采纳
4回答
有人能帮我使用img标签和vue.js吗？
根据vue.js ，我试过：
<img v-bind:src={{ imgURL }}> //prints a null image
这是我的
有人能帮忙吗？
浏览 7提问于2016-12-27得票数 9
回答已采纳
我正在尝试创建一个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
回答已采纳
1回答
在Vue 3中安装组件库
、、、、
我是Vue.js新手，试图将Vue.js 2迁移到Vue.js 3。我已经仔细阅读了关于如何迁移的Vue.js说明；然而，我需要迁移的应用程序包含了一个组件库，我也需要在迁移的应用程序中挂载它。
这是Vue.js 2 main.js文件：
import './styles/imports.scss';
import * as components from './components';
import * as layoutComponents from './layouts';
import
const ComponentLibrary =
浏览 0提问于2022-07-22得票数 0
回答已采纳
我正在使用Vue.js开发一个应用程序，我遇到了以下挑战：
这个应用程序有一个相当基本的布局:标题，主视图和底部的导航部分。根据用户当前所在的页面，我希望在标题中显示一个主要操作。见下列线框：
我现在的问题是：是否有办法将模板和代码“注入”到标头中？因为理想情况下，我希望将逻辑和外观(如带有标签的图标)放在相应的组件中，而不是在标头中，因为它不知道当前的视图。
组件的头视图和主视图没有父/子关系。基本的Vue.js模板如下所示：
<div class="app-content">
<TheTopBar/>
<main&g
浏览 8提问于2020-01-01得票数 0
回答已采纳
1回答
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
在Vue.js 2中，我以前能够在类外调用initialize()方法，如下所示：
<!DOCTYPE html>
<head>
<script src="https://unpkg.com/vue@next"></script>
<title>test</title>
</head>
<body>
<div id="app">
<div>{{message}}</div>
</
浏览 4提问于2020-11-27得票数 2
回答已采纳
我是javascript的新手。
通过阅读示例开始学习Vue.js。
但我对的代码片段感到困惑。
来自
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
我想知道为什么不能这样写代码
data: () => {
return {
msg: 'Welcome to Your Vue.js App'
}
}
我试过这两种代码，结果是一样的。
我无法从阅读Vue.js文档中理解。
请帮助我理解这个代码片段。
谢谢你花时间阅读我的
浏览 4提问于2017-03-24得票数 1
回答已采纳
1回答
我在vue上是新手，有些东西对我来说是全新的。我已经尝试谷歌它的解决方案，但到目前为止，什么也没有。
我希望有人能帮我，或者告诉我我所尝试的是否可能。
我有一个b形标签接收从消防局收集的数据。
在这个特定的b-form标签上，我只想要“删除/删除”标记。
我不想让新标签：
new Vue({
el: '#app',
data: {
tagsCotasJaPagas : ['2016', '2017'],
cotaJaPagasDisable : true,
tag
浏览 3提问于2021-09-22得票数 1
回答已采纳
似乎我在vue中加载外部umd组件时遇到了问题。
我尝试做一些类似的事情，比如
这对使用vue2和webpack的我来说很有效
现在我使用的是Vue3/Vite和上面问题中相同的源码。
但是当解析外部组件promise时，我得到以下错误：
vue.js:1184 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <DemoComponent>
at <HelloWorld msg="He
浏览 5提问于2020-12-30得票数 2
2回答
我在rails项目中使用vue.js，但只使用核心库。现在，项目中的大多数表单都是用vue.js开发的。我在rspec中使用了特性测试来测试前端特性，比如从验证中填充或形成验证，但是我发现它太难了。
这是我写测试时的一些痛点：
我需要为每个html标签添加id，只为capabara添加到选择项。您知道，使用vue.js，我们不需要任何标签id或类来选择项目。
如何对js特性进行单元测试？我只是使用特性测试，但是当项目增长时，测试编写变得越来越困难。
有没有更简单的方法或最佳实践？
浏览 7提问于2017-03-15得票数 1
回答已采纳
我正在尝试将标题分割添加到我的vue.js模板中。但是我无法将html标记添加到头文件中。请查查我的档案
App.vue
<template>
<div class="app">
<!-- Sidebar -->
<Header>
</Header>
<Sidebar />
<!-- Content -->
<router-view />
</div>
</template>
<
浏览 1提问于2022-10-08得票数 -1
我必须通过如下脚本加载vue-native-websocket
<script src="{% static 'js/vue.js' %}"></script>
<script src="{% static 'js/vue-native-websocket.min.js' %}"></script>
<script src="{% static 'js/vue_components/OrdersCurrent.js' %}">&
浏览 17提问于2018-07-26得票数 0
回答已采纳
我正在使用本地vue.js，这些是我的文件。index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1&
浏览 5提问于2021-10-12得票数 1
回答已采纳
1回答
我是vue.js的新手，但我有一个简单的问题。我遵循了一个教程，但我想稍微扩展一下：
每次当我的排名改变时，我都想添加一个css类来为标签添加动画。我怎么做这件小事呢？
<div id="app">
<h1>Current Rank: <strong>{{ rank }}</strong></h1>
<p>Your XP: <strong>{{ xp }}</strong></p>
<button @click="increase">+ 10
浏览 13提问于2017-07-25得票数 1
回答已采纳
我有一个用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
回答已采纳
2回答
尝试使用vue.js和vue-router.js演示路由，但获得SyntaxError“不能在模块之外使用导入语句”。我正在尝试从正确的位置导入vue。下面是树的打印输出。我没有正确导入vue吗？谢谢。
树打印输出：
.
├── index.html
├── index.js
├── js
│ ├── vue-router.js
│ └── vue.js
└── src
├── App.vue
├── AppRouter.vue
├── ArticlesPage.vue
└── HomePage.vue
index.html
<!DOCTYPE h
浏览 6提问于2020-08-01得票数 0
我已经从我的Laravel项目url中删除了public。但是现在我的Vue.js坏了。
如果我从src文件中删除public，它不会识别出项目有Vue.js，但如果我添加public，它就会识别出这个项目有Vue.js。但是它没有在我的Blade页面上显示该组件，而是给出了这个错误：
[Vue warn]: Unknown custom element: <app-some> - did you register the component correctly? For recursive components, make sure to provide the "nam
浏览 20提问于2019-08-04得票数 0
我在这个vue.js 2.0上出错了。
我的HTML代码
<div id="app">
<select class="form-control input-lg" name="admission_id" >
<option>Select Admission type</option>
<option v-for="admission
浏览 8提问于2017-03-23得票数 2
回答已采纳
我有一个内容管理系统支持的网站，其中Vue.js被添加到处理网站的用户界面功能。该功能具有切换页面内容的选项卡。我需要使标签的深度链接，因为在需要有一种方法，有一定的标签设置为活动的页面加载。我可以使用URL很容易地实现这一点，但我想看看是否可以只使用Vue.js路由器。我还没有找到任何资源来将路由器添加到一个不是完全由Vue.js支持的现有站点。
有没有办法在不进行任何额外服务器配置的情况下添加vue-router？
浏览 2提问于2017-11-28得票数 0
2回答
我在Laravel4.2中工作，我想在我的应用程序中实现Vue.js。当我在刀片中放置一些测试代码时，它只显示“使用未定义的常量消息-假设的‘message’”，我知道laravel读取{message}类php代码，但是您知道如何将vue.js添加到我的刀片中吗？谢谢你帮忙。这是代码
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script>
new Vue({
浏览 7提问于2017-07-06得票数 0
回答已采纳
我想从我的"public/app.js"项目中删除Laravel，但是当我这样做的时候，我的vue.js实例就不能工作了。有没有办法删除app.js，但继续调用vue.js？
浏览 0提问于2019-07-20得票数 0
回答已采纳
2回答
我正在尝试连接Vue.js代码与超文本标记语言页面，以呈现一些数据。我不知道如何连接，我给了下面的代码，我已经尝试过。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=&#
浏览 4提问于2021-02-02得票数 0
我正在尝试将背景色属性应用于我的Vue.js应用程序。因为我希望它显示在所有页面上，所以我将CSS直接应用于index.html中的标签：
<head>
<style>
body, html {
padding: 0;
margin: 0;
width: 100%;
}
body {
background-color: black;
}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files
浏览 0提问于2019-01-29得票数 4
3回答
我正在做一个关于Laravel和Vue.js的项目。当我使用像这样的Vue.js语法时 ，我得到一个错误，因为Laravel分隔符也是 ..。如何更改Vue.js的分隔符，使其不与Laravel冲突？ 下面是我使用的代码 layout.app.blade.php {{ config('app.name', 'Laravel') }}
浏览 121提问于2018-01-06得票数 6
4回答
如何在列表大写中显示项目？
、、、、
我试图在vue ( TODO ).Here中做一个简单的列表示例，我试图添加大写的过滤器(换句话说，所有的字母都是大写的).But，它显示了me错误
这是我的代码
var app = new Vue({
el: '#App',
data: {
message: '',
items: [{
name: "test1"
}, {
name: "test2"
}, {
name:
浏览 4提问于2017-09-02得票数 0
回答已采纳
1回答
在下面的示例中，我尝试使用vue.js，但是浏览器中的结果是而不是“Boot”。
<div id="app">
<h2>{{product}}</h2>
</div>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js">
const app = new vue({
el: "#app",
data: {
product: "Boots"
}
})
</s
浏览 0提问于2018-04-20得票数 0
回答已采纳
有没有可能构建一个Vue应用程序，它在运行时不需要Vue作为依赖项？
也就是说，浏览器不必像这样加载vue.js和应用程序
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://www.myxyzhost.com/my-app.js"></script>
有一个已经包含vue.js的my-app.js，以便在网页中包含脚本成为一个简单的一行？
<script src="http
浏览 1提问于2018-11-02得票数 1
我正在尝试检查如何使用vue.js javascript工作，这也不适用于me.Any，比如共享html页面的错误或这里缺少的内容。
代码：
<!DOCTYPE html>
<div id="app">
<h1>{{ greeting }}</h1>
</div>
<script src="https://vuejs.org/js/vue.js"/></script>
<script>
new Vue(
浏览 0提问于2019-08-04得票数 1
使用laravel和vue.js
当我试图使用axios发送post请求时，我得到了服务器错误500。
{请求失败，状态代码为500}。
axios方法：
async callApi(method, url, dataObj ){
try {
return await axios({
method: method,
url: url,
data: dataObj
});
浏览 12提问于2021-07-25得票数 0
回答已采纳
我正在一个现有的项目中实现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
回答已采纳
2回答
导入vue.js组件
、、、
我需要导入组件与数据到vue.js应用程序。
我可以注册组件，我使用了这段代码。
正确代码：
export default {
name: 'hello',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},
components: {
'test': {
template: '<div>msg: {{message}}</div>',
浏览 1提问于2017-04-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
