我试图让数据更新文本区域，而textarea中的用户输入没有更新数据(因此，v-model的双向绑定应该是单向绑定)。我偶然发现了:value属性，它对我起作用。然而，在搜索和测试之后，它似乎无法在普通的HTML和JS下工作。我也找不到任何文档，所以我想这是否是正确的方式。这个标准，有参考吗?谢谢。
编辑:这是一个片段。我希望这是一个单向绑定，因为如果我选择的话，我希望能够将文本区域的内容恢复到它的原始状态。在这种情况下，复制数据(我的应用程序需要一个深度对象克隆)是不必要的，也是浪费的。
new Vue({
el: "#app",
data: {
x: &
浏览 2提问于2020-06-21得票数 0
回答已采纳
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
回答已采纳
在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
回答已采纳
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回答
在这个令人敬畏的问题中：很好地解释了许多数据绑定实现细节。
也有许多探索博客关于脏签入角，Object.defineProperty用于Vue.js和虚拟DOM等。
但是在中，只有如何使用数据绑定。没有关于如何实现数据绑定的详细信息。
我读过关于和 .In .In 的文档，它说这些对象与数据绑定有关，但我不知道如何实现。有时，我会将它们注销以调试数据绑定，但仍然没有得到更大的了解：
// data binding
this.oModels = {};
this.aPropagationListeners = [];
this.oB
浏览 0提问于2018-04-23得票数 3
回答已采纳
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编写Markdown编辑器，我尝试使用localStorage与它一起保存数据，但我不知道在用户输入时如何将新值保存到Vue.JS中的数据变量中！
浏览 9提问于2017-01-02得票数 59
回答已采纳
1回答
为了显示真实的数据，考虑使用MVC的新的web解决方案，最好是将Vue.js或real相结合。其中的女巫在MVC项目中会更好地工作吗？我希望基于可伸缩性和与C#集成的易用性做出选择。
浏览 0提问于2017-10-09得票数 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
我已经看过一些教程，说明如何将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
回答已采纳
4回答
有人能帮我使用img标签和vue.js吗？
根据vue.js ，我试过：
<img v-bind:src={{ imgURL }}> //prints a null image
这是我的
有人能帮忙吗？
浏览 7提问于2016-12-27得票数 9
回答已采纳
我一直在关注这个youtube教程， (它使用sqlite作为它的数据库)，并且想知道是否有人能告诉我在哪里我可以查看关系数据库？
我可能在这里跳过枪，我只读了教程的第5部分，但我只是在想，如果我能做一些研究，或者有人能引导我走向正确的方向，我想知道我需要做些什么来处理关系数据库。
我曾经涉足Rails，他们有嵌套的表单，我正在尝试使用Vue.js做一个完整的Stack web应用程序，但不确定什么相当于RoR的嵌套表单？
我看到很多人们使用Vue.js和Laravel一起使用的帖子？这是构建完整堆栈的最佳方法吗？还是我应该重新学习RoR并在其中实现Vue.js？
浏览 0提问于2018-01-17得票数 0
我对vue.js和姜戈也是新手，在以下问题上需要一些帮助。我已经创建了一个应用程序接口，在其中我试图从一个DB表中获取数据，并将相同的数据发送到vue.js页面进行检查。 我收到错误"{"detail":"Method \"GET\“not allowed。”}“ 我尝试了多种方式，比如以JSON形式或数组形式发送数据，但仍然遇到同样的问题 下面的Model.py是用于反序列化和我用来获取数据的表的模型 def deserialize_Issue(issue):
"""Deserialize user instance
浏览 154提问于2019-04-28得票数 0
回答已采纳
免责声明:我知道Vue.js中有数据绑定。
所以我有这样的想法：
<html>
<body>
<div id="app">
<input @input="update">
</div>
<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
<script type="text/javascript">
浏览 2提问于2017-01-28得票数 15
回答已采纳
我正在使用和构建一个应用程序。
我不想使用任何编译器/捆绑器等。
我已经通过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
例如，我想在我的vue.js应用程序中显示不同类型的注释，以通知用户即将进行的维护。我想在应用程序标题下有一个信息"banner“。我会把像维护周期这样的数据存储在sql数据库中。在这个数据库中，我想定期的横幅应该是可见的，甚至是不可见的。可能包含一个名为active的表列。现在我正在寻找一个解决方案，如果数据库中的数据被添加/更新，如何触发vue.js应用程序进行刷新。
有人能帮帮我吗？
有没有其他想法(也许是更专业的想法)如何在vue.js应用程序中触发注释“横幅”？应用程序将托管在Azure中。
提前感谢！
浏览 3提问于2020-11-26得票数 0
我正在使用Vue.js 3.0编写一个Vue.js应用程序。我用它来学习组合API。我喜欢Vue.js 2.0的一个特性是双向数据绑定的易用性。但是，使用复合API，我不清楚如何使用它。尤其是当使用全局状态时。例如，我的应用程序有两个组件，如所示。代码如下所示：
<div id="my-vue" class="demo">
<banner :class="{ 'even-banner': isEven, 'odd-banner': !isEven }"></banner>
浏览 2提问于2020-09-09得票数 0
我想用API 3中的axios从多个Vue.js获取数据，后端是Laravel。
我能够在response1.data和response2.data上获得数据，但是如何将这些数据分配给在Vue.js的data()函数上定义的对象。
我需要这些数据在加载页面上加载。Vue.js代码是-
<script>
export default {
name:'Followup',
data() {
return {
patient:{},
labGroup:{},
}
},
created() {
thi
浏览 3提问于2021-06-09得票数 0
回答已采纳
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
回答已采纳
3回答
我尝试在href中的URL中设置一个动态值。我正在使用Vue.js <a
href="https://example.com/glasses/guide-for-uploading"
target="_blank"
>
Check it here
</a> 所以在URL中间，我需要用productName替换眼镜。如何在此链接中正确完成此操作？我不确定是不是简单的数据绑定。
浏览 93提问于2020-09-23得票数 0
回答已采纳
我开始使用width Vue.js，我想知道如何使用条件width v-bind这是我的代码(error)： <input
type="text"
class="form-control"
v-bind:class="{'is-invalid': step_1.project_url.error : 'is-valid'}"
v-model="step_1.project_url.field"
placeholder="Project url"
>
浏览 21提问于2021-02-05得票数 2
1回答
，它使用引擎盖下的VDOM来呈现UI。据我理解，VDOM的发明主要是为了避免“跟踪依赖”。有了VDOM，就可以协调应用程序的更大部分，而不知道到底发生了什么变化。因此，我们可以使用普通的对象和数组来描述视图，只需要将更改通知框架(比如React中的setState )。然后，对两种VDOM树进行比较，并将所需更改的最小集合应用于实际DOM。
另一方面，Vue.js使用跟踪的依赖项。它确切地知道发生了什么变化，因此可以使用DOM绑定。此外，由于大多数Vue.js用户已经在使用模板语言，所以它并不真正受益于VDOM提供的更大的灵活性。那么为什么Evan决定使用VDOM呢？
浏览 4提问于2017-05-29得票数 11
回答已采纳
我知道这个设置并不理想，但是我需要检查输入元素的类。我刚刚开始在一个新项目中使用Vue.js，但是我们有一个必须使用jQuery的表单验证库。
如果我使用的验证库不符合某些验证要求，它会向输入添加一个类。
如果我使用的是jQuery，我可以只使用hasClass来检查输入元素是否有一个特定的类。
在Vue中，我不确定如何检查元素是否有类？
下面是我想要实现的一个示例方法：
methods: {
nextStep: function() {
const element = this.$el.querySelector("#conversat
浏览 1提问于2017-05-30得票数 8
2回答
我想从父组件向动态组件添加数据。
例如：
让我们以一个数字作为数据，我想传递给动态组件。
这个片段的o/p是:
欢迎家长留言！
欢迎5
欢迎5
欢迎5
欢迎5
欢迎5
预期的o/p应该是：
欢迎家长留言！
欢迎1
欢迎2
欢迎3
欢迎4
欢迎5
let dynamicComponent = {
template: `
<p>Welcome {{ msg2 }}</p>
`,
props:['msg'],
data () {
return {
msg2:
浏览 2提问于2020-01-23得票数 0
回答已采纳
我使用PHP和MySQL数据库将数据显示在vue.js中的高级图表上。我在页面的数据部分定义了一个数组，用于显示图表数据。
data() {
return {
gaugeData2: [],
}
然后使用axios.get函数从数据库中检索数据，如下所示-
allRecords: function() {
axios
.get("http://localhost/contacts.php" + "?action=fetch-all")
.then(function(response) {
console.log(respon
浏览 2提问于2020-07-06得票数 0
回答已采纳
1回答
我试图把一个.png img放到我的飞机上，但当我试图加载它时，它就消失了。
可能THREE.js不是为Vue.js制作的，有没有其他支持Vue.js的3D库？
我还想添加一个SVG，THREE有一个SVGLoader，我还没有弄清楚它是如何工作的。
<template>
<div id="container"></div>
</template>
<script>
import * as THREE from 'three'
//import { SVGLoader } from '
浏览 14提问于2019-11-26得票数 1
2回答
我正在为我的新的项目使用Vue.js。但是初始化有问题..。
我的一个数据属性需要通过一个方法被弱化。为此，我使用创建的Vue.js钩子。实际上，我需要这个属性的值来满足我的消防局请求。
问题是：--这个防火墙请求似乎在创建的钩子之前运行。
如何在运行创建的钩子后运行我的防火墙请求？
谢谢！
data: function () {
return {
currentWeek: null
}
},
firestore: function (currentWeek) {
return {
slots: db.collection('slots').wher
浏览 0提问于2018-10-11得票数 0
回答已采纳
我试图弄清楚如何将v-for成员和原始事件数据访问到vue.js中事件的绑定函数中，但在我的一生中却无法在文档中找到它。
我想要的：
<div class="card pickup" v-for="pickup in pickups">
<select v-on:change="locationChanged">
使用locationChanged在vue对象中调用以下方法：
vuePickup = new Vue({
el: '#pickups',
data: {
浏览 2提问于2019-02-17得票数 0
回答已采纳
我将sails.js 1.0与vue.js结合使用，并希望创建一个包含基于用户偏好的动态输入量的动态表单。因此，用户应该能够添加另一个输入，输入数据并发送包含动态数据量的完整表单。
我的表格是这样的：
<ajax-form action="addStuff" :syncing.sync="syncing" :cloud-error.sync="cloudError" @submitted="submittedForm()" :handle-parsing="handleParsingForm">
...
浏览 0提问于2018-04-19得票数 4
回答已采纳
1回答
假设我的Vue.js模板中有一个简单的按钮，它调用如下方法：
<q-btn label="login" @click="signIn" />
方法完成后，我希望将按钮更改为：
<q-btn label="Bob" to="/settings" />
问题是不可能在一个按钮中将@click和to指令组合起来。
在这种情况下，最好使用触发两个不同按钮的v-if="signedIn" (如果没有登录则显示button a，否则显示button b)？或者是否有办法移除@click事件处理程序并将其
浏览 2提问于2020-04-25得票数 0
回答已采纳
1回答
假设我在Vue.js中有一个名为iconsColor的数据属性，它的定义如下： data() {
return {
iconsColor: "#b5ffff",
};
}, 我希望能够在设置颜色的地方使用这个属性： :style="{ color: '#b5ffff' }" 我试过几种不同的方法 :style="{ color: '{{iconsColor}}' }" 并研究了一些插值技术，如this和this，但我无法找到解决方案。这种利用率是如何发生的？
浏览 13提问于2021-07-17得票数 0
回答已采纳
1回答
我有一个后端渲染的页面(如果重要的话，是django)，我想使用来自PrimeVue的一些组件和打包为vue组件的markdown编辑器来增强它。现在，我们有一些使用jquery的小动画，对于这些动画，我们将来自CDN的jquery直接包含到我们的页面中。几个月前，我们需要使用更多的客户端交互性来增加页面的趣味性，我们通过CDN将vue.js包含到该页面上(删除jquery)，然后在index.js中编写一些javascript，我们也从CDN加载并完成了我们的工作。这就是目前的情况。该页面当前如下所示 <html>
....
<script src="htt
浏览 9提问于2020-09-15得票数 0
回答已采纳
如何将数据从Laravel传递到Vue.js组件v？
我尝试了以下代码：
<my-component
v-for="(event, eventIndex) in {{ $data['events'] }}">
</my-component>
但它会返回：
使用v-for呈现的组件列表应该有显式的键。
浏览 0提问于2018-03-01得票数 0
回答已采纳
因此，Vue.js有自己的样式指南，其中明确指出(在“基本”部分)，可以防止“与现有和未来的HTML元素发生冲突，因为所有的HTML元素都是一个单词”。
然而，他们使用<component>标记来表示。我在现有的HTML标记列表中找不到<component>。这是否意味着，如果有一天HTML采用<component>标记，Vue.js将尝试解析它们并破坏它们？
请澄清。
浏览 2提问于2018-12-06得票数 11
回答已采纳
我正在做一个项目，我使用Vue.js作为前端，laravel作为后端，mysql作为数据库。现在我想把我的整个项目部署到google firebase上。我为Vue.js部分这样做了，但是与laravel相关的功能不起作用，因为我没有部署我的laravel部分。如何在消防软管上将这两个部分互连？是否也需要部署我的数据库？
浏览 10提问于2019-09-08得票数 2
我使用Vue.js来修改DOM。我正在触发fetch_data()方法，该方法试图在AJAX调用成功完成后更新data.messages以读取“LovetheVue.JS”。
AJAX调用正在成功工作，它确实更新了该行中的data.message：
self.message = 'Love the Vue.JS'
我可以看到它的工作，因为它打印在控制台。问题是DOM没有使用data.message的新定义进行更新。当数据被更新时，我如何使它工作并更新DOM？
var app = new Vue({
delimiters: ['[[', ']]&#
浏览 3提问于2018-05-29得票数 5
回答已采纳
现在，我正在尝试将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
1回答
我主要是用AngularJS进行开发，最近我正在查看Vue.js并阅读它的指南，在其中提到的一页上：
默认情况下，所有道具都在子属性和父属性之间形成单向向下绑定:当父属性更新时，它将向下流到子属性，而不是反过来。此默认设置的目的是防止子组件意外地改变父组件的状态，这会使应用程序的数据流更难推理。
这是寄来的。
我想知道什么时候使用双向绑定，什么时候不使用？
对于子组件需要管理数组变量的情况，双向绑定似乎是有意义的。
例如，假设我想制作自己的Vue.js或AngularJS版本的。
如果使用双向绑定，我只需将父组件的数组传递给我的Vue.js或AngularJS选择组件，并让选择组件来管
浏览 2提问于2016-05-30得票数 2
回答已采纳
我正在尝试将函数传递给组件
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
我有一个Vue.js应用程序，其中我有一个v-重复的一系列项目。我想在项目列表中添加一个newItem。当我尝试this.items.push(this.newItem)时，被推送的对象仍然绑定到输入。考虑以下几点：
new Vue({
el: '#demo',
data: {
items: [
{
start: '12:15',
end: '13:15',
name: 'Whatch Vue.js Laracast',
descript
浏览 5提问于2015-06-01得票数 29
回答已采纳
我已经习惯了Vue.js，但在这里，我似乎在基本知识上遇到了挫折.
我使用了包含Vue.js的Laravel5.4，因此在我的视图中得到了以下代码：
<form class="form-horizontal" role="form" method="POST" action="{{ route('login') }}" id="loginform">
<div class="field columns">
<p class="contro
浏览 3提问于2017-06-15得票数 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
回答已采纳
我是vue.js中的新手，在单一文件组件页面中，我想在textarea和checkbox中发布数据(不管是否检查过)。
我知道我需要在v-model中添加像textarea这样的东西，但我不清楚，api如下所示。
在data() {return {}}部分，我应该做什么？对于vue.js中的这个部分真的很困惑，任何帮助都将不胜感激。
<template>
<div>
<div class="add-show">
<div>
<p class="title-commen
浏览 6提问于2016-12-21得票数 3
回答已采纳
如果我使用Vue.js在前端运行post请求，并post具有需要回发的数据的javascript实体模型，这如何映射到控制器中的DTO，我将该实体回发到该控制器中？它是基于属性的名称自动完成的，还是有更多的东西？ this.$http.post(this.apiUrl, this.entity).then(saveCallback, this.dataReadFailure); public virtual async Task<ActionResult> Post([FromBody] CreateUpdateDTO dto) 如果我有类似上面的东西，那么post请
浏览 30提问于2019-02-11得票数 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回答
我正在用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
回答已采纳
1回答
VueJS执行数据函数太迟(?)
、、、、
编辑:感谢@Mythos解决了这个问题，但我非常感谢那些花时间帮助我的人，我被困在这个问题上好几个小时了。非常感谢! 我有一个用Vue -cli4和Vue 2创建的Vue.js项目，似乎我用来渲染列表的v-获取数据太晚了。我的组件是这样设置的： import { readLocalStorage } from '../../public/localStorage.js'
export default {
name: 'lista',
components: {
codiceLista
},
data(
浏览 23提问于2021-09-06得票数 0
回答已采纳
我有一个vue页面，它使用v-html将html内容放置在<div>中，如下所示：
<div v-html="noDataMessage">
</div>
noDataMessage的数据设置在vue的created()生命周期钩子中。
created() {
this.noDataMessage = "<img src='../assets/Content/img/Myfav_empty.png' width='35px' height='35px
浏览 1提问于2018-12-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
