将数据传递到Vue中的模型不起作用
可能是由于以下几个原因：
- 数据绑定错误：在Vue中，数据绑定是通过v-model指令或双花括号语法实现的。如果数据没有正确绑定到Vue实例的模型上，那么在模板中对该数据的修改将不会生效。请确保正确使用v-model指令或双花括号语法来绑定数据。
- 数据命名错误：Vue中的数据模型是通过data属性定义的。如果在模板中使用了错误的数据属性名称，那么对该数据的修改也不会生效。请检查数据属性的名称是否正确。
- 数据未定义或未初始化：如果在Vue实例的data属性中没有定义或初始化某个数据模型，那么对该数据的修改将不会生效。请确保在data属性中定义并初始化所有需要使用的数据模型。
- 数据作用域错误：Vue中的数据模型是通过Vue实例的data属性定义的，如果在模板中使用了错误的作用域来引用数据模型，那么对该数据的修改也不会生效。请确保在模板中正确引用数据模型的作用域。
- 异步更新问题：Vue中的数据更新是异步的，如果在数据更新之前立即访问该数据，可能会导致数据不起作用的问题。可以使用Vue提供的nextTick方法来确保在数据更新完成后再进行相关操作。
总结起来，要解决将数据传递到Vue中的模型不起作用的问题，需要确保正确绑定数据、正确命名数据属性、正确定义和初始化数据模型、正确引用数据模型的作用域，并注意处理异步更新的情况。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
2回答
我正在使用安装了vue-router的Vue-cli，在我的App.vue中，我有一个<router-link to="/about" >About</router-link>，它将在点击时显示关于组件的内容。现在，我想将props数据从 App.vue传递到About.vue组件。在<router-link to="/about" :myprops="myprops">About</router-link>中添加:myprops="myprops“不起作用，这就是为什么我在App.vue
浏览 0提问于2018-07-09得票数 3
回答已采纳
1回答
我试着学习Laravel和vue.js，偶然发现了一个问题。我有这个Laravel模型，它包含一个php方法，该方法从数据库中获取数据，并将其放入对象中，然后放入数组中。然后，我想在vue.js组件中访问这个数组，但是我不知道该怎么做。
我的Laravel模型从数据库中获取数据并放入数组中的对象中。
我可以在index.blade.php中打印数组，而无需使用vue，如下所示：
@foreach ($data‘’hosts‘as $hostsKey => $hostsValue) @foreach ($hostsValue as $hostKey => $hostValue
浏览 1提问于2019-02-10得票数 4
回答已采纳
我正在尝试用Vue.js (我的API )为我的数据库创建一个新的记录，数据是可以的。但是当我在我的网站上点击create时，我会发现这个奇怪的错误。
传递给照明\数据库\语法：：()的参数1必须是类型数组，字符串给定，在第884行的中调用
我也有删除功能，工作很好，但这不起作用.表单输入有v-model，这似乎不错，但仍然不起作用。
My create方法在vue.js上
addStudent() {
axios.post(`api/students/create`, {data:this.students});
}
在vue.js中获
浏览 3提问于2020-09-09得票数 0
我试图将数据绑定到vue中的模型中，但是如果我尝试将数据绑定到嵌套循环中，就会遇到一个问题。
这就是我试着去做的例子。结果，我希望看到所有的复选框都被选中了，但是它不起作用，我也不明白为什么？
示例
<div id="element">
<div v-for="filter in filters">
{{filter.name}}
<div v-for="option in filter.options">
<input type="checkbox" v
浏览 1提问于2016-04-04得票数 0
回答已采纳
我有一个文件组件Main.Vue。
我还有另外三个单一文件组件A.vue、B.vue和C.vue。
我希望每次都能在Main.Vue中显示不同的组件。我所做的是：
<template>
<div>
<a v-if="isAVisible" ></a>
<b v-if="isBVisible" ></a>
</div>
</template>
<script>
import A from './A.vue';
import B from &
浏览 6提问于2017-05-05得票数 9
回答已采纳
我试图将道具从Laravel刀片传递到Vue元素，尝试使用：:data或data，两者都不起作用。
返回未定义的Vue Devtool。
file.blade.php
<div id="truthchallenge">
<truth-challenge data="datastring" />
</div>
truthchallenge.js (main.js)
import Vue from 'vue'
import router from '../router'
import Truth
浏览 3提问于2020-05-28得票数 1
在本例中，我试图使用Vue v模型构造将来自div id="message"的值拟合到textarea中，但这不起作用。
<template>
<div>
<textarea v-model="text"></textarea>
</div>
<div>
<div id="message" v-model="text2">{{ comment.message }}</div>
<button @c
浏览 2提问于2020-03-14得票数 0
回答已采纳
1回答
我有一个VueJS代码：
new Vue({
el: '#app',
data: {
model: [
{ name: 'a', price: 1.00 },
{ name: 'b', price: 2.00 },
{ name: 'c', price: 3.00 },
],
actived: {}
},
methods: {
setActive: function(
浏览 2提问于2017-06-16得票数 3
回答已采纳
3回答
Vue路由器。绑定数据
、、、
我正在开发vue应用程序，现在我正在准备使用vue路由器。但我在将数据绑定到路由器模板时遇到了一点小问题。
请帮帮我。
HTML：
<div id="app">
<h1>Hello App!</h1>
<p>
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</p>
&l
浏览 3提问于2017-12-07得票数 5
1回答
假设我有一个div，如下所示，我的目标是根据传递给getClassText方法的vue数据模型属性的名称，将它的css类设置为一些计算的类字符串：
<div :class="getClassText('lastName')">
使用此javascript：
new Vue({
el: '#app',
data: {
firstName: '',
lastName: ''
},
method
浏览 3提问于2017-04-19得票数 4
回答已采纳
我通过观察创建了一个嵌套表单--它很好，并且我完成了它。当我想在其他嵌套模型下创建嵌套模型时，问题就开始了。我有Survey模型，它是主要模型。然后，我添加了Question模型，并使用vue.js生成了表单。因此，我在问题中添加了Choice模型(您可以在调查控制器参数中注意到)，第一个问题是，我不知道如何在vue.js控件中定义/实现。(hello_vue.js)和第二个要点是:如何在new.html中创建表单元素。
这是我的survey.rb模型：
class Survey < ApplicationRecord
has_many :questions, dependent
浏览 2提问于2018-11-01得票数 0
回答已采纳
在我的Vuejs(2.x版本)中，我看到如下内容：
Vue.component('service',{
template: '<div>' +
'<div>{{serviceData.serviceName}}</div>' +
'<input v-model="serviceData.serviceName">' +
'</div>',
浏览 3提问于2017-07-31得票数 0
回答已采纳
2回答
大家好，我有点困惑。我有两个组件(子组件和父组件)，并将对象的属性作为支持传递。
<child :child-data="abc" ></child>
Vue.component('childComponent', {
props: ['childData'],
data: function(){
return {
count:this.childData,// recommend use Vue.util.extend
}
},
});
Vue将递归地将childComponent的“
浏览 0提问于2018-06-27得票数 1
回答已采纳
我已经看过许多如何对模型数据进行双向绑定的例子，但是带有文本输入的示例到处都有报道。我按照同样的方案工作，并得到错误。
const models = ref({
teams: {
items: usePage().props.value.teams,
selected: [],
isCheckAll: false,
},
});
<template>
<LineTeamsIndex
v-model:selected-items="models.t
浏览 25提问于2022-09-16得票数 0
回答已采纳
我正在使用Vue，Nuxt，Vue Good table来实时搜索表。我创建了一个名为child.vue的子组件，并将其导入到父页面parent.vue中。我使用v-model将searchTerm绑定到父组件中的input元素上。当我运行它时，实时搜索不起作用。然后我收到了控制台的警告。Property or method "searchTerm" is not defined on the instance but referenced during render.，你能帮帮我吗？我是Vue.js的新手。谢谢 对于child.vue <template>
&l
浏览 35提问于2021-04-05得票数 1
回答已采纳
2回答
我使用Vue 2.6.9和新的v槽语法。我想要访问与v-模型内插槽的交互。问题是，在插槽内显示数据是可行的，但使用v-模型则不行。这是我的代码：
Vue.component('base-test', {
template: `
<div>
<slot :foo="foo" :foo2="foo2"></slot>
</div>
`,
data(){
return{
foo: 'Bar',
foo2: 'Bar 2&#
浏览 1提问于2019-03-17得票数 4
我需要将一个数组从一个Vuejs路由传递到另一个路由，比如从home.vue传递到post.vue。
这是我用于post.vue的route.js文件
{
path: '/post/:cart',
name: 'post',
component: PostView,
props: true
}
这是我的home.vue
<router-link to="/post/:cart">Check out</router-link>
还有我的post.vue
props: ['cart'],
浏览 1提问于2017-11-28得票数 1
我的主页使用foreach呈现来自控制器的数据列表
@foreach ($sales as $sale)
<button id="{{$sale->id}}" @click="editClicked({{$sale}})">
@endforeach
我在页面上放置了一个这样的edit组件，我通过showEditModal有条件地显示它
<edit v-if="showEditModal" @hide="showEditModal=false"></edit>
简要的组件是在Edit
浏览 7提问于2017-06-24得票数 1
回答已采纳
我有控制器"SomethingController"，型号"ValueModel“和视图"Show.blade.php”和vue的组件“vue-ValueModel”。
现在我想从SomethingController获得发送值(我从模型"ValueModel“得到的值是JSON格式的)到Show.balde.php，它将包含vue "vue-component".。最后，我想从控制器中获得vue的值。
我知道如何从控制器发送值到视图。当值在字符串中时，我通过使用props将其发送到vue。但是，我无法将JSON值从prop发送到vue。
浏览 0提问于2019-06-29得票数 1
回答已采纳
我正在学习vue，我正在尝试构建一个可重用的下拉组件。经过几个小时的工作，我终于把它放在一起了，现在我被困住了，因为我只想把按钮名传递给我的vue组件。
这是我的下拉列表：
我想要的是一种将按钮名从刀片传递到按钮的方法。
我的刀片和我想要传递的按钮名的字符串不起作用：
<Dropdown>
<template slot="toggler">
<button>from blade</button>
<
浏览 7提问于2022-02-10得票数 0
回答已采纳
1回答
如何调用放置在不同组件中的v-模型？搜索文本字段放在App.vue中，我需要在Datatable.vue中触发: search ='search‘。
App.vue代码：
<v-text-field
v-model="search"
class="mx-3"
label="Suche"
></v-text-field>
Datatable.vue代码：
<v-data-table
ref='dTable'
:items='products'
浏览 2提问于2018-08-06得票数 1
回答已采纳
我在服务器端生成了一些原始的html，我希望使用Vue框架对其进行动态更新。
我最初认为v将完成这项工作，但这并不有效，因为v不会对vue数据值的变化做出反应。
显然，组件是实现这一目标的一种方法，但我不太清楚如何将组件的内容链接到Vue对象的数据。
假设我有一个名为table_html的Vue数据值，这是一个可以在页面中呈现的表，我将如何创建一个组件来响应table_html中的更改
这里有些东西不起作用。(似乎在调用self = this时，self成为vue-组件，我如何引用它的父组件？即page对象？)
page = new Vue({
components: {
&#
浏览 4提问于2017-09-19得票数 0
我是Vue Js的新手，我想使用它来过滤一些下拉列表，等等。考虑到我已经拥有视图模型中的所有下拉列表数据，我想将该数据传递给Vue实例，在那里我可以使用Vue过滤下拉列表。
我尝试将数据放入一个简单的div中，这样我就可以将其选择到Vue实例中，但它无法工作。一定有更好的办法。我是否必须单独调用服务器才能填充Vue实例？
代码片段只有一个简单的数组，我似乎也无法加载这个数组。
最终想要退出这个视图模型
@model MyApp.CatalogViewModels.ViewModel
这里的剧本..。
new Vue({
el: "#app",
浏览 1提问于2019-06-04得票数 3
1回答
我开始学习如何使用Vue和Laravel了。所以我正在写一些Vue组件来替换刀片的某些部分。
在我的应用程序中，我有一个Sugerencia (建议)模型。当然，我有users模型和许多其他模型，但是我需要这两个模型来回答这个问题。
我的SugerenciaController@index非常简单：
public function index()
{
$sugerencias = Sugerencia::orderBy('created_at', 'desc')
->with('user')
->paginate(10);
浏览 0提问于2020-10-03得票数 1
回答已采纳
2回答
在下面的简单示例中，我在页面加载的vue模型中调用我的云服务方法，该方法包含内部服务特定的生命周期事件afterSubmitContacts()，当用户执行某些事件时执行该事件。一旦用户执行此事件，警报框将弹出undefined而不是myTest。
通过下面的示例，我的目标是成功地访问vue模型方法和数据属性，而不是未定义。在下面的场景中，访问vue模型数据和方法的正确方法是什么？
提前感谢！
new Vue({
el: '#vue-test',
data: {
浏览 3提问于2017-10-14得票数 2
因此，我试图思考如何为Webpack使用vue-loader，为路线使用vue-router，以及如何使用共享数据模型。我的理解是，您创建了一个数据模型，然后将其传递到每个组件中，其思想是它们具有共享状态。似乎您也应该使用数据模型而不是道具，因为这允许双向绑定。
我试过几样东西，但似乎没有用。我试着在路由器中传递data，但这并不能修复它。
我把这个作为我的主要app.js
var $ = require('jquery'),
Vue = require('vue'),
VueRouter = require('vue-router
浏览 5提问于2016-01-05得票数 2
回答已采纳
我正在尝试学习如何使用Rails 5.1和Vuejs构建应用程序，这是通过Webpacker gem生成的。
$ rails new myvueapp --webpack=vue
如何在Vue组件之间来回传递实例变量数据，以便将数据传入/传出数据库？
例如，假设我有一个用户模型，其中包含用户名和电子邮件字段。有没有一个简单的例子来说明如何将实例变量@user数据从控制器传递到组件？
我相信有两种方法可以做到：
(1)在控制器中，使用render :json => @user，然后使用fetch API或Axios来检索.vue组件中的数据。
-或者-
(2)在视图中结合使用示例<%
浏览 0提问于2017-07-28得票数 5
我最近开始使用Vue Js，现在我无法将vue模型值传递给方法函数。
<div v-for="(post, index) in posts" :key="post.customerName">
<input type="text" v-model="post.customerName" /> /** successfully print customerName inside this field**/
<b-button block pill variant="outline-
浏览 0提问于2020-05-06得票数 1
回答已采纳
我开始使用Vue.js和Laravel进行一个小项目，我想知道如何将数据从父组件传递给子：下面是我所拥有的一个示例
Index.vue 页面：
import modal from './modal';
export default {
components: { modal},
data: function () {
names: {'John','Doe'}
}
}
我想将我在索引页面中的名称对象发送到模型，您可以看到，它是在index.vue中导入的。
浏览 4提问于2020-06-30得票数 1
回答已采纳
当代码中提到data-toggle="buttons"时，Vue和Bootstrap之间存在冲突。
这样，按钮的高亮显示就可以了，但是复选框值绑定到的v模型数组不会被更新。
如果删除该代码，所选按钮的高亮显示将不起作用。然而，v-模型开始工作。
如何解决这个问题？
HTML:
<div class="form-group">
<label class="searchLabel">Tool:</label>
<div class="btn-group-toggle" da
浏览 0提问于2019-03-23得票数 0
回答已采纳
1回答
下面是我的app.js文件。当使用v模型而不是v模式时，我需要导入app.js文件中的任何内容还是通过npm下载任何内容？我已经运行npm安装。模板工作良好，所有正常的vue功能都正常工作，我只在v-模型时才被困住。V型不起作用。当我使用v型时，电子邮件不会出现在身体中。
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.
浏览 0提问于2019-03-11得票数 0
我有一个指令需要更新Vue.component中的数据。如何设置值？这是我的代码：
Vue.directive('loggedin', function(value) {
console.log('loggedin = ' + value);
vm.$set('loggedIn', value);
});
$set(‘loggedIn’，value)不起作用。我得到以下错误:未定义的TypeError:无法读取未定义的属性'$set‘
var ck = Vue.component('checkout', {
浏览 10提问于2016-03-03得票数 1
下面是一个非常简单的例子。当我按enter键时，我不想在textarea中创建换行符。这就是为什么我在处理程序中调用preventDefault的原因。我还修改了textarea中的值。问题是模型没有更新，因为我使用了preventDefault。如何防止Enter键入newline并使Vue查看文本区域中的更改？
注意，我使用了el.value (update元素)而不是this.value (Vue模型)，因为我希望我的光标保持在相同的位置上。如果我更新一个模型数据，光标将在呈现视图后被重置到末尾，并且我不能很容易地修复它的位置。
我需要一种带有$nextTick的黑客来修复光标位置：
t
浏览 0提问于2018-08-08得票数 0
回答已采纳
我继承了一个在Rails上构建的项目，该项目使用Vue作为前端。所有的视图都是通过Vue呈现的，但是路由和模型遵循标准的Rails MVC模式。
我想在Vue组件中呈现一些存储在活动记录中的对象。
我还想在Vue中建立一个具有CRUD功能的表单和活动记录数据库。
当我将实例变量从Rails控制器传递到Vue视图时，它不工作。
#controller.rb
def index
@projects = Project.all
end
#view.html.erb
<% @projects.each do |e| %>
<div><%= e.informati
浏览 1提问于2019-04-04得票数 0
来自击倒者的背景。如果不指定绑定到元素。您可以使用模型覆盖整个页面的元素。例如，如果发生单击事件，我可以使div可见。我在学习VueJ和文档。我看到vue实例要求您使用el指定元素。
就像这样：
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
如果我的按钮不在与'#app‘div相同的div中呢？如何在两个vue实例之间进行通信，或者可以使用一个vue实例来覆盖多个元素。什么方式？
浏览 1提问于2018-03-21得票数 3
回答已采纳
我正考虑用vue js和“mini spas”一起创建一个mvc应用程序。
每一页都是迷你水疗中心。
我想知道如何最好地将数据放到页面上。
控制器操作是否应该呈现没有模型的空视图，然后在vue中调用一个web来获取模型并分配给数据--这是否是加载页面的正确方式似乎需要额外的请求？
浏览 2提问于2018-06-11得票数 1
回答已采纳
2回答
我有一个创建产品，我想使用刀片填充customer_id隐藏输入，但用户可以更改它，而他/她在表单页面上。如何将预先选定的客户id传递给vue产品数据模型？下面是我的代码：
@section('content')
<input type="hidden" name="customer_id" value="{{ $customer->id }}" v-model="product.customer" />
@endsection
这是我的vue实例：
const app = new Vue
浏览 0提问于2017-03-26得票数 0
3回答
我有一个很小的应用程序，有一个捐赠表格。表单引导用户完成填写信息的步骤。我有一个主组件，它是表单包装器和包含所有表单数据(模型)的主Vue实例。所有的子组件都是捐赠过程中的步骤。每个子组件都有要填写的输入字段，这些字段将更新父模型，以便在提交表单时，我拥有父模型中的所有表单数据。以下是如何将组件组合在一起的方法：
<donation-form></donation-form> // Main/Parent component
在donation-form组件中：
<template>
<form action="/" id=&#
浏览 7提问于2017-01-15得票数 13
回答已采纳
1回答
我有一个模型，在模型挂载后，我将在ajax成功上初始化一个数组
var self = this;
$.getJSON("somejson.json",
function (data) {
var list = [];
list = data.list.map(function (item) {
return { id: item.id, text: item.text };
});
self.selectableIte
浏览 1提问于2017-08-05得票数 1
回答已采纳
1回答
如何使用Vue3组合应用编程接口管理表单字段(v-模型)中的反应性？我的意思是，目前像这样的简单东西在我的代码中不起作用>当我在输入字段中输入一些文本时，vue devtools不会显示ref数据中的任何更改： JS import { ref, watch, reactive } from 'vue';
const vueapp = Vue.createApp({
setup(props, {attrs, slots, emit}){
const test = ref('');
return {
test
浏览 22提问于2021-10-29得票数 0
我在我的main.js中创建了一个全局对象，用于访问在控制器之间的整个应用程序中登录的用户数据
main.js
Vue.prototype.user = getUser() // assume a method to getUser data
现在，上面的.user对象将在具有this.user的其他组件中可用，
我正在寻找的是，如果我在任何组件中对this.user进行更改，这些更改也会反映到其他组件上，这不是现在发生的事情。
我有两个组件，一个用于更新this.user EditProfileComponent.vue中的数据
<input type="text" v
浏览 6提问于2018-01-01得票数 1
回答已采纳
3回答
我正在开发一个生活在Laravel项目中的Vue应用程序。我将我的vue实例绑定到一个放在刀片文件中的id。
我想要做的是将登录的用户从Laravel/blade传递到我的Vue实例。有没有办法做到这一点？我知道你可以通过prop传递数据，但这里只是一个普通的div，它的id是#root，它绑定了Vue实例。我知道如何获取登录的用户，但我专门寻找一种将数据从刀片直接传递到我的vue实例的方法。
app.js
// Require the deps from laravel (jQuery, axios, Bootstrap)
require('./bootstrap');
/
浏览 5提问于2018-04-16得票数 3
我使用vue-table来显示一些表格数据。我试图扩展vue-table，使某些列中的单元格可编辑。因此，我创建了一个名为“可编辑单元格”的vuejs子组件，它能够编辑单元格内容。此子组件作为可编辑列的vue-table模板插入。
这些是我的vue-table选项：
headings: {
title: 'Title',
description: 'Description',
createdBy: 'Created By',
createdAt:
浏览 1提问于2016-07-15得票数 1
我有一个非常简单的axios调用，在vue组件中，我从数据中获取一个数组，并通过post URL将其发送到一个尝试使用它的php类。当前的问题是，当它命中php函数时，我得到一个数组到字符串转换错误，尽管我觉得vue中的数据对象内部的结构是正确的。
Tne php函数是：
public function testStores( array $stores = null){
$storeTest = empty($stores) ? '' : "STORES:".implode(',',$stores). ";
}
由于数组的字
浏览 5提问于2022-02-03得票数 -1
1回答
我缺少一个关于如何将v模型数据传递给组件的理解。
我可以直接访问复选框模型数据，还是需要通过道具传递到组件中？
如果有人编码解释或者指点我找个有用的地方？
我的Html
<template id="my-child">
<tr>
<td >{{ item.title }}</td>
<td style="padding:20px" v-for="price in item.prices" v-bind:price="price" >
浏览 0提问于2017-04-20得票数 2
回答已采纳
同样，我可以通过使用命名属性的字符串，使用方括号表示法来访问对象的属性。例如
const foo = {
"bar[foobar]": "hello world"
}
foo["bar[foobar]"] // "hello world"
在Vue 中，我有一个名为"bar[foobar]"的数据属性，并希望将其绑定到输入值，从而使v-model指令值为"bar[foobar]"，如何在Vue an中执行相同的操作
<template>
<input v-model="
浏览 21提问于2019-08-21得票数 1
回答已采纳
1回答
以上代码的示例在我的环境中不起作用：
vue：^2.2.1，
vue-模型“：0.0.3，
Vue.models.register('customer', {
baseRoute: '/customers'
});
在通过上面的例子注册客户模型之后，我认为可以引用customer对象，
customer.$.update()
但是错误回来了，
未定义 'customer‘
/Users/murotanimari/my-project/src/components/Scene1.vue:19:1 customer
浏览 1提问于2017-03-11得票数 3
我使用Vue 3
我以前用过这个。它工作得很好。
<textarea v-model="description" required></textarea>
但我把它改成了这个
<QuillEditor
v-model="description" required
/>
在QuillEditor中，占位符等许多因素都工作得很好，但只有v模型不起作用。
这仅仅是一个依赖问题吗？如果没有，我应该如何更改它？
我从下载的
如果这是一个简单的依赖问题，有没有解决方案？如果没有，你能推荐另一个兼容vue3的编辑器吗？(可附图)
浏览 44提问于2021-06-02得票数 1
我有一组数据，其中的urls嵌套在数据模型中。我希望从数据绑定url以单击事件。现在，它没有得到确切的url，只是变量。它应该在空白选项卡中打开数据中的url。
new Vue({
el: "#app",
data: {
chocs: [
{ url: "https://yahoo.com"},
]
},
methods: {
myclick2: function(choc){
alert("test")
window.open(choc.url)
}
}
浏览 0提问于2021-11-27得票数 1
回答已采纳
2回答
我有下面的代码。
main.js
new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
App.vue
<template>
<div id="app">
// this does not pass the data to the component
<basics :resume="resume"></basics>
<education :resu
浏览 3提问于2017-04-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
