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
我目前正在使用Element在Vue.js中构建一个应用程序，而且我对使用Element相当陌生。我使用el-table创建了一个表。我设法在表中添加了内容。现在，我在表的每一行中都有一个删除按钮。单击delete按钮后，它应该成功地删除行(即向服务器发出删除axios或http请求，并从数据库中删除该用户)。为此，我需要访问特定行中的内容或用户名。我该怎么做？
找到我的HTML (删除)代码如下：
Vue.js的HTML：
<el-table>
<el-table-column
width="
浏览 6提问于2020-07-17得票数 1
回答已采纳
2回答
我有一个奇怪的情况，雄辩的模型不会让我更新或破坏，而索引和创建是好的！
我正在使用Vue.js和Laravel资源来进行表单控制，虽然它以前与我一起工作过，但在这里不起作用：
这是我的Vue.js代码：
updateFinish(finish) {
axios.patch(`/api/finishes/${finish.id}`, finish).then(response => {
this.fetchFinishes();
}).catch(error => {
// Get laravel validation error
浏览 0提问于2019-08-16得票数 1
回答已采纳
我是Vue.js的新手。我一直致力于在Vue.js中使用Ajax进行动态下拉。我不知道如何使用托管在 (GAE)中并以制作的API中的数据填充select标记。
文件index.html
<div id="app2">
<select v-model="table_list">
<option v-for="item in table_list" :value="item">{{ item }}</option>
</select>
<
浏览 1提问于2021-01-09得票数 0
回答已采纳
4回答
有人能帮我使用img标签和vue.js吗？
根据vue.js ，我试过：
<img v-bind:src={{ imgURL }}> //prints a null image
这是我的
有人能帮忙吗？
浏览 7提问于2016-12-27得票数 9
回答已采纳
组合Laravel和Vue.js来填充表时遇到了一些问题。
实际上，我试图结合使用vue-resources扩展的http:get请求来使用v-重复属性。问题是，Vue似乎没有传递任何值--我只是将{first_name}和{email_address}}放在括号中。
我可以确认http:get请求调用的API方法实际上是泄漏数据(手动访问浏览器中的URL显示数据)。
下面是负责输出数据的routes.php文件中的代码：
get('api/v1_users',function()
{
return App\User::all()->toJson();
});
下
浏览 1提问于2015-07-21得票数 0
回答已采纳
我正在尝试创建一个简单的应用程序来使用Vue.js将API调用从输出到HTML表中，因为我还需要添加一些其他功能。
问题是，我不能使用v-for和moustache将我的对象数组放到页面中来检查变量数据。
我尝试使用vue生命周期钩子将API调用数据放入一个变量，并在不同的位置将数据放入对象数组。
<div id="app">
TEST APPLICATION FOR COINCAP <br>
<div id="xhrRes">
{{ items }}
</div>
浏览 7提问于2019-07-09得票数 0
回答已采纳
我正在使用和构建一个应用程序。
我不想使用任何编译器/捆绑器等。
我已经通过npm安装了Vue.js库，并试图通过require使用它，但是没有呈现它(虽然，我看到了created和mounted回调上正在发生的控制台日志，但是网页是空的，<div id="app"></div>是空的。
我的代码：
index.html ( nw.js应用程序的入口点)：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-
浏览 2提问于2020-05-17得票数 1
1回答
我使用VueFire连接到包含菜谱列表的数据库，使用此代码加载所有菜谱(相关代码片段)
firebase: {
recipes: database.ref('recipes'),
},
data () {
return {
activeFilter: Filters.selected //returns active filter from child component for example 'pie'
};
},
在< template>
<li v-for="(recipe, i
浏览 2提问于2018-06-12得票数 0
回答已采纳
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
回答已采纳
我使用jQuery数据表在Vue.js中的用户组件中显示我的数据，但是当我运行代码时，它会显示数据，但是它有一些文本，上面写着"No data found"。有人能帮我吗？我真的不知道，因为我是这个前端工具的新手。
Users.vue
<template>
<table id="table" class="table table-striped table-bordered">
<thead>
<tr>
<th>Id</th>
浏览 2提问于2019-08-05得票数 0
我目前正在学习Vue.js和Laravel。
默认情况下，会在app.js中创建一个新的Vue应用程序
const app = new Vue({
el: '#app',
});
所以到目前为止，我总是创建新的组件，并在我的刀片中使用它们。
@extends('layouts.master')
@section('content')
<add-Participants></add-Participants>
<my-table></my-table>
@endsection
这
浏览 17提问于2019-08-01得票数 0
1回答
我正在尝试使用Vue.js 2创建一个可排序的表。我已经生成了一个表，现在只是想知道如何对这个表进行排序。
请看下面我的代码：
<thead>
<tr>
<th class="table-header">Metric</th>
<th class="table-header" v-for="metric in metricList"><a href="#">{{metric}}&l
浏览 18提问于2017-08-26得票数 3
回答已采纳
1回答
我试图为一个用$.ajax()填充的表找到一个解决方案，但是我不知道如何用Vue.js来完成这个任务。我怎么能这么做？我需要一个Vue组件吗？
HTML:
<div class="row">
<div class="col-md-12 overflow-table">
<table class="table" id="table">
<thead class="head-color thead-inverse">
浏览 4提问于2017-05-24得票数 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
现在，我正在尝试将src从对象获取到我的vue.js组件。
export const Quizzes = [
{
firstWord: "happy",
secondWord: "srećan",
imageSrc: "../assets/happy--women.jpg",
},
]
我的data.js文件如下所示
以及如何在我的Vue.js组件中使用这个
<img class="happy-women" src="../assets/earth.jpg" alt="
浏览 5提问于2022-08-30得票数 0
我已经看过一些教程，说明如何将Vue.js包含到Laravel项目中。据我所见，通过创建模板并将其导入刀片文件，教程正在使用Vue.js。将Vue javascript文件直接包含到刀片文件中并像这样直接使用Vue有什么“错误”吗？换句话说，只是使用：
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
在刀片文件里我想用Vue。
这样做的原因是我只想让Vue.js取代Jquery在应用程序中所做的一些工作。我也一直在考虑使用React。但这似乎与Vue
浏览 2提问于2018-08-09得票数 0
回答已采纳
我使用的是元素UI，有一个el-switch组件(比如复选框)，我不知道如何在其他组件中使用它(el-table -> el-column -> el-switch)。
下面是代码：
var Main = {
data() {
return {
tableData: [
{
category: 'Ticket',
panelNotification: {
check: true,
name: 'category1'
浏览 1提问于2017-09-01得票数 0
回答已采纳
我正在尝试将函数传递给组件
html
<v-select :options="[
{label:'ll', value:'vv'},
{label:'ll', value:'vv'},
{label:'ll', value:'vv'},
{label:'ll', value:'vv'},
]" :s_onchan
浏览 0提问于2018-08-27得票数 0
我是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回答
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div class="container" id="app">
<table>
<tr v-for="res in results" >
<td> <input :id=res.id :value=res.LinkTitle > </td>
<td
浏览 4提问于2020-05-19得票数 0
回答已采纳
2回答
我正在用Vue.js创建一个测试组件。我想要传递一个参数在我的模板中使用，如下所示：
Vue.component('test', {
props: ['href'],
template: '<li><a href="{{href}}"><slot></slot></a></li>'
});
在我的html文件中：
<test href="/">Tvest</test>
但属性href未绑定到该属性。
<
浏览 18提问于2017-07-26得票数 1
回答已采纳
我正在尝试在这个vue组件中设置表格样式，我的理解是我需要从数据函数创建css，然后将其绑定到模板中的适当元素。 我想要做的是将以下css应用到我的表中 css： .table-striped>tr:nth-of-type(odd) {
background-color: #f9f9f9
} vue组件： Vue.component('overview', {
delimiters: [ '[[', ']]' ],
props: ['job_execs'],
template: `
浏览 17提问于2019-06-01得票数 0
我下面有一张BootstrapVue表；
这是代码，感谢这个；
new Vue({
el: '#app',
data() {
return {
filter: '',
items: [
{ id: 1, first_name: "Mikkel", last_name: "Hansen", age: 54 },
{ id: 2, first_name: "Kasper", last_name: "Hvidt", age:
浏览 8提问于2022-04-25得票数 1
回答已采纳
3回答
我试图用axios和vue填充表，如下所示：
<div class="container h-100">
<div class="row h-100 justify-content-center align-items-center">
<table class="table table-striped table-bordered table-hover">
<thead class="thead-dark"
浏览 0提问于2019-06-17得票数 2
回答已采纳
1回答
对于数组，vue.js good使用默认的数组方法: push，pop，shift，reverse...但是如何在对象中创建新项并粘贴一些值呢？
new Vue({
el: '#demo',
data: {
items: [
{
start: '12:15',
end: '13:15',
name: 'Whatch Vue.js Laracast',
description: 'Watched the Laracast ser
浏览 0提问于2016-06-25得票数 0
1回答
我试图从另一个Vue.js文件中的函数触发一个JavaScript方法。我已经给出了下面的代码，我已经尝试过。
sample.js
import vm from './vue.js';
function call( ) {
vm.$options.methods.displayData('I was called externally!')
}
call() // Here I am calling function
vue.js
var vm = new Vue({
el: '#app',
data: {
first
浏览 3提问于2021-02-04得票数 1
回答已采纳
1回答
我在我(业余)的大部分前端开发中使用了Vue.js，我被一个我无法理解的简单案例所困扰。
在下面的代码中，搜索框( <input>)的内容被转换为数组，然后对数组进行迭代以创建一些链接(<a>)：
var vm = new Vue({
el: "#search",
data: {
search: '',
results: []
},
watch: {
search: function() {
this.results = this.search.split('')
浏览 2提问于2017-06-12得票数 0
回答已采纳
1回答
我试图在vue.js组件中重新订购一个列表。在完成拖放之后，列表的顺序有点不稳定，不再匹配在执行api调用或使用chrome vue.js扩展时可以看到的数据的实际顺序。但是，结束的console.log确实以所需的顺序显示数据。
下面是使用RubaXa/Sortable lib的代码。
export default {
watch: {
workout() {
let list = this.workout.exercises
Sortable.create(document.getElementById("exercises"), {
浏览 2提问于2016-12-15得票数 1
回答已采纳
1回答
我正在将Vue.js嵌入到现有的应用程序中。
初始化Vue.js时，如下所示：
new Vue({
el: "#myDomElement",
data: myData,
computed: {
price: function() {
return _this.productPrice();
},
},
created: function() { console.log("Vue created."); },
beforeCompile: function(
浏览 3提问于2016-04-15得票数 2
回答已采纳
1回答
为了显示真实的数据，考虑使用MVC的新的web解决方案，最好是将Vue.js或real相结合。其中的女巫在MVC项目中会更好地工作吗？我希望基于可伸缩性和与C#集成的易用性做出选择。
浏览 0提问于2017-10-09得票数 0
回答已采纳
我想使用Vue.js v-for填充一个html表。但是，它不构建表。我的猜测是，数据输入格式不正确，因此需要映射/更改以删除对象层(每个项的索引)。
我试过使用.map，但它不起作用。
Vue.js
callStocks = function () {
var app = new Vue({
delimiters: ["[[", "]]"],
el: "#stocksTable",
data: {
stocks: []
浏览 7提问于2020-05-20得票数 0
我开始重构我的应用程序以使用vue.js作为前端框架，并开始编写我将要使用的第一个组件。
为此，我为表创建了一个组件，为行创建了一个组件。
单向绑定工作到目前为止(就像在我的模型更改中一样，更改将通过更新UI来反映)。
这个部分的模型是一个对象数组，在这里我绑定到多个属性，其中一个是被称为Checked的属性。
现在，如果更改模型，视图将被更新，复选框将被选中，但如果手动选中复选框，则不会更新模型。
Vue.component('peak-table-row', {
props: ["peak", "graphname", "id
浏览 1提问于2018-04-20得票数 0
1回答
我想将下面的条件代码转换为vue.js语义
<table>
<div class="btn-group" data-toggle="buttons">
<tr>
@foreach($sintese as $s)
<td>
<label class="btn btn-primary">
<input type="
浏览 4提问于2017-02-23得票数 0
回答已采纳
我在Vue.js中有一个代码
<li v-for = "record in records" v-bind:key= "record.id">
<div class="collapsible-header"><i class="material-icons">date_range</i><h6>{{record.record_date}}</h6>     <span class=
浏览 0提问于2018-01-12得票数 3
我试图在vue.js模板完全呈现之前隐藏它的内容。考虑以下模板：
<div class="loader">
<table class="hidden">
<tr v-for="log in logs">
<td>{{log.timestamp}}</td>
<td>{{log.event}}</td>
</tr>
</table>
</div>
当我在服务器上呈现这个模板时，用户
浏览 11提问于2017-02-15得票数 34
回答已采纳
是否知道如何解决此问题：
在这个中，作者使用了vue 2.3.2，它工作得很完美，
new Vue({
el: '#app',
data: {
users: [{
"id": "Shad",
"name": "Shad"
},
{
"id": "Duane",
"name": "Duane"
},
{
&#
浏览 1提问于2018-07-19得票数 11
回答已采纳
2回答
Vue.js v-表上的组件
、、、、
在Vue.js文档中，他们说在使用表中的组件时，必须使用v-component而不是直接的组件标记。但是这是行不通的:你有什么变通的办法--即使是CSS格式化--或者修复吗？
@extends('app')
@section('content')
<div class="table-responsive" id="vueTable">
<table class="table-striped">
<thead>
浏览 1提问于2015-07-06得票数 1
2回答
我目前正在用Vue.js构建一个小型警报应用程序。我希望有一个带有"del“类的eventListener on按钮，该类调用一个方法并提交事件，为此我使用了Vue的”挂载“特性：
mounted: function timeInterval () {
var app = this;
var del = document.getElementsByClassName("del");
del.addEventListener('click', function (e) {
app.deleteAlarm(e);
浏览 4提问于2017-10-19得票数 2
1回答
我有一个blade.php的laravel (+vue.js)导航栏。我希望在这个导航栏变量中有{{xyz}}，当我转到另一个页面时，我可以在Vue.js或类似的东西中设置文本。你能帮帮我吗?
代码：
vue:
data() {
return {
title: 'test',
}
},
and blade:
<nav class="navbar">
<div class="navbar-inner">
浏览 0提问于2017-08-31得票数 0
1回答
我是Vue.js的新手，我正在尝试测试这个框架的一些特性。现在我正在测试输入表单，我想不使用v-model指令进行单向绑定，但我找不到任何示例。有谁能帮我吗？
浏览 1提问于2017-11-17得票数 11
回答已采纳
1回答
新的Vue.js 2。我试图在一个v-for循环中给每个div自己独特的样式。我做错了什么？有什么更好的方法来完成我想做的事呢？
var tables = new Vue({
el: '#table',
data: {
tables: [
{name: 'iPhone', left:1, top:0},
{name: 'Mac', left:150, top:0}
]
}
})
.table-div
{
width:100px;
height: 100px;
border:1px sol
浏览 2提问于2017-08-10得票数 1
回答已采纳
我想转换javascript中的以下代码：
$('a').click(function() {
$(this).find('i').toggleClass('fa-heartbeat');
});
在vue.js中。
功能名称:喜欢
javascript测试：
浏览 2提问于2019-08-07得票数 1
1回答
我对数组的反应性有问题，请参见下面的示例：
var app = new Vue({
el: "#app",
data: function () {
return {
grid: {
rows: [{}]
}
}
},
methods: {
addRow: function () {
this.grid.rows.push({});
},
setRow: function (row) {
console.log(row);
thi
浏览 2提问于2017-08-04得票数 1
是否可以在.on()呈现的原始Vue.js上使用Vue.js jquery绑定？例如，返回的注释主体将包含jquery脚本绑定到的链接(<a data-post="url">)：
<div id="comments">
<div v-for="comment in comments">
@{{{ comment.body }}}
</div>
</div>
Vue脚本：
new Vue({
el: '#comments',
浏览 1提问于2016-01-20得票数 2
回答已采纳
2回答
我使用这个解决方案动态地在vuejs组件中设置表单元格：
这仅适用于Vue.js v1.0.10，但不适用于当前版本v1.0.26。
Jsfiddle：
我正在尝试获取以下标记( item对象应该在组件中可用)
<div id="vue">
<basic-table>
<table-cell>{{ item.id }}</table-cell>
<table-cell>{{ item.title }}</table-cell>
</basic-tabl
浏览 2提问于2016-08-16得票数 9
回答已采纳
我最近对vue.js有点小问题，不知道有没有人能帮我？ 我有一个新安装的laravel 7.3.3和vue.js 2.6.12无法获得vue devtools扩展来显示我的组件，变量等。 这是devtools的样子： ? 这里是repo：https://github.com/yex777/pa-hub 谢谢你的帮助！
浏览 77提问于2021-09-01得票数 2
回答已采纳
这里，我在组件中正确地呈现数据。但是，每当我更改任何不更新数组中需要绑定的输入值时。我无法与rows数组双向绑定值.请帮帮忙。提前谢谢。
Vue.component('refund-table', {
template: `
<div>
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped">
浏览 5提问于2020-04-20得票数 0
回答已采纳
我正在使用Vue.JS编写Markdown编辑器，我尝试使用localStorage与它一起保存数据，但我不知道在用户输入时如何将新值保存到Vue.JS中的数据变量中！
浏览 9提问于2017-01-02得票数 59
回答已采纳
我在Vue.js 2中有一个数据对象，如下所示：
data: {
items: [
{
value1: 10,
value2: 10,
valuesum: ""
},
{
value1: 10,
value2: 100,
valuesum: "",
}
]
我在表中呈现该数据对象并在其上运行计算。我希望以某种方式计算v
浏览 0提问于2017-09-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
