为什么在vue js null中使用DataForm()？
在Vue.js中，使用data()函数来定义组件的数据属性。该函数返回一个对象，对象中包含组件的各个数据属性和它们的初始值。
在使用data()函数时，可以通过在其括号中传入参数来指定初始值。如果传入的参数为null，则表示不需要任何初始值。
通常情况下，我们会给data()函数传入一个非null的初始值对象，来初始化组件的数据属性。这样，在组件实例化过程中，Vue.js会将该初始值对象中的属性添加到组件实例中，使得组件可以通过this关键字来访问这些属性。
然而，在某些情况下，我们可能希望在组件实例化时不需要任何初始值，或者在后续某个时机再动态地给某些属性赋值。这时，可以传入null作为data()函数的参数，来表示没有初始值。
总结一下，在Vue.js中使用data()函数时，传入null作为参数的目的是告诉Vue.js不需要任何初始值，或者延迟到后续再动态赋值。
如果你想了解更多关于Vue.js的内容，可以参考腾讯云的文档《Vue.js 教程》：https://cloud.tencent.com/developer/doc/1081
相关·内容
当上传超过大小限制的资产时，Axios不会从S3返回XML错误消息。
环境
Axios版本: 0.24.0
Node.js版本: v14.17.4
操作系统: Mac 12.3
当我试图提高资产的大小限制时，S3将返回此XML错误消息。
UPLOAD FAILED. Status Code: 400. Error message:
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<Error><Code>EntityTooLarge</Code><
浏览 10提问于2022-04-01得票数 1
使用Vue.js / NativeScript (radDataForm)，我希望在使用JSON作为源时重新排序字段的显示。我的当前代码可以工作，但显示如下：
相册名称
波段名称
拥有权
年
借来
这不是代码中的顺序。
我知道这一点：
<df:EntityProperty name="albumName" displayName="Name of Album" index="0" />
但是，如何添加index="0"**to 对象？**
还有-我不知道这是干什么的？
str: "&
浏览 0提问于2019-01-27得票数 1
回答已采纳
1回答
每当我调用save()方法时，在三个不同的实体之间共享相同的ID，我不知道为什么？
@Entity
public class Department {
@Id
@GeneratedValue
private Long departmentId;
private String name;
public Department(Long departmentId) {
this.departmentId = departmentId;
}
public Department() {
}
public Dep
浏览 0提问于2016-08-11得票数 0
回答已采纳
我有一个用vue.js构建的文件上传表单。输入数据被打包到JSON中并发送到后端。通常，这是成功的，我可以用GET检索POSTed JSON对象。
实现文件类型的选择器输入后会出现问题：
<select class="home-select dataform dataselect" v-model="file_type">
<option disabled value="">Select dataset type</option>
<option v-for="ty
浏览 4提问于2022-06-23得票数 0
1回答
构造函数外部的访问容器
、、、、
有了团结，我可以通过构造函数注入各种控件/接口，如下所示：
private readonly IEmployeeRepository _employeeRepository;
public EmployeeView_EmployeeListViewModel(IEmployeeRepository employeeRepository)
{
_employeeRepository = employeeRepository;
}
但是，我需要访问构造函数之外的特定控件(例如示例中使用的控件)(我不能编辑构造函数)。
有没有办法，怎么做？
编辑更多
浏览 2提问于2016-02-29得票数 0
回答已采纳
如果我使用的是一个外部包，例如，。我把它导入/plugins/vue-js-modal.js
import Vue from 'vue'
import VModal from 'vue-js-modal'
Vue.use(VModal)
现在假设我有一个使用vue-js-modal的函数，我想在下面几个不同的组件中使用这个函数：
function showHideModal(showModalName = null, hideModalName = null) {
if (hideModalName) {
this.$modal.hid
浏览 1提问于2020-09-21得票数 0
回答已采纳
我有一个包含四个组件的Vue应用程序： A、B、C、D 在特定的模板中，我遇到了这种情况： 嵌套在D中嵌套在C中嵌套在B中嵌套在A中 但是当我执行这个页面时，我得到了这个错误： Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization
at Module.default (VM989 A.vue:3)
at eval (C.ts:37)
at Object../src/C.ts (bundle.js?v=Eyk_ReZs3kIu049BgV_w3FBVLl
浏览 145提问于2020-10-17得票数 3
回答已采纳
单击保存时出现问题，错误消息“Cannot read property 'required‘of null at Object.eval as updateDirectives”(无法以updateDirectives方式读取null的属性’required‘)
这是我的代码html
<form name="dataForm" [formGroup]="dataForm" (ngSubmit)="onSubmit()">
<div class="mb-24" fxLayout="
浏览 9提问于2019-11-03得票数 1
回答已采纳
2回答
我有一个具有ICommand依赖项属性的自定义控件。我想从一个DataTemplate中绑定到这个属性。为了使事情更清楚，下面是我的代码：
DataForm类：
public class DataForm : Form
{
#region Properties
public ICommand HideForm
{
get { return (ICommand)GetValue(HideFormProperty); }
set { SetValue(HideFormProperty, value); }
}
public
浏览 0提问于2011-10-17得票数 0
回答已采纳
如何从后台代码访问DataForm的EditTemplate中的控件？
以下EditTemplate适用：
<toolkit:DataForm ItemsSource="{Binding ElementName=someDomainDataSource, Path=Data, Mode=TwoWay}">
<toolkit:DataForm.EditTemplate>
<DataTemplate>
<StackPanel>
....
&
浏览 4提问于2011-07-01得票数 1
我正在考虑将NativeScript-Vue v7.0用于生产，并研究它的数据表单验证功能。 我认为RadDataForm是用于定制验证规则的合适组件，但是下面的文档是针对NativeScript v6.0的，并且显示的源代码已经损坏。 https://docs.nativescript.org/vuejs/ns-ui/dataform/dataform-validation 是否有实现基于regex的验证规则和自定义错误消息的完整示例代码？
浏览 16提问于2021-01-08得票数 0
回答已采纳
我试图使用Mechanize::PhantomJS在Perl中自动化javascript重页。用户在确认警报中单击or或cancel后，页面上会执行一些javascript。因为我不知道如何按don，所以我直接执行javascript。问题是，以下脚本在使用火狐时运行良好(这里我使用Mechanize::Firefox)，但在使用Mechanize::PhantomJS时不会产生任何结果
$mech->eval_in_page(<<'JS');
closeChildWindows();
commandInProgress = true;
do
浏览 3提问于2014-11-09得票数 1
回答已采纳
1回答
我正在尝试使用jquery上传文件，但我不想刷新页面。
我读了一些重复的问题，但他们没有解决我的问题。
如果我用错了代码，请告诉我。
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/myajax.js" type
浏览 6提问于2013-05-23得票数 1
回答已采纳
html
<form method="post" action="" id="dataForm">
<input type="file" name="embleLoader"/>
<button name="sub-comfirm" class="btn-selection-content" type="submit" id="sub-comfirm">Send</button>
<
浏览 2提问于2016-01-08得票数 1
回答已采纳
1回答
C#：无法从R执行代码
、、、
我想在c#中显示椭圆。我的代码在R中运行时是正常的，但是我从c#得到如下消息："Object is static；操作不被允许(来自HRESULT: 0x8004000B (OLE_E_STATIC)的异常)“
下面是我的代码：
df.rconn.Evaluate("library(cluster)")
df.rconn.Evaluate("library(rrcov)")
public void setScatter(int xAxis, int yAxis, int zAxis, List<string> variable)
{
浏览 4提问于2015-06-14得票数 0
我试图在Vue.js中建立一个观察者，以便有条件地复制输入。使用value属性，我会一直体验空引用，有人会详细解释为什么会这样，这样我才能更好地理解这个问题吗？
我的HTML：
<div id="company-form">
<label>Name</label>
<input v-model="legalName" type="text"/>
<label>Name To Call</label>
<input v-model="
浏览 0提问于2019-04-25得票数 1
回答已采纳
我已经创建了两个组件，用于将base-64编码格式的图像发送到服务器。在挂载父组件时，应该将子引用设置为file。
Vue.component('some-form', {
template: '#some-form',
data: function() {
return {
logoImage: '',
coverImage: ''
}
},
methods: {
onSubmit: function(event) {
var dataForm = {}
浏览 2提问于2017-12-12得票数 0
我绝对是用RIA开发silverlight的初学者
我按照本教程从silverlight.net找到了WCF RIA Services示例
尝试添加新员工时出现错误
它将弹出一个窗口，显示消息VS JIT Debugger
编码: 4004
类别:托管运行时错误
消息: System.ServiceModel.DomainServices.Client.DomainException:提交对类型的域上下文的更改时出错
我正在使用Silverlight4和AdventureWork2008Entities来完成本教程，下面是应用程序中的代码
<dataForm:DataForm x
浏览 0提问于2011-10-29得票数 0
回答已采纳
我是.NET新手，正在开发我的第一个Silverlight应用程序。
我有一个Silverlight子窗口，用于将新客户添加到网格视图中，并具有以下代码：
namespace FrontEnd.Views
{
public partial class NewCustomer : ChildWindow
{
public DataTransfer.Customer MyCustomer { get; set; }
public NewCustomer()
{
InitializeComponent();
浏览 0提问于2011-06-27得票数 2
回答已采纳
3回答
我有一个静态类(DataFormSubject)，它包含一个泛型List对象，如下所示：
private static List<DataForm> dataForms = new List<DataForm>();
需要在更新列表时通知依赖此列表的其他类，因此我创建了一个自定义事件，以及在添加或删除项时可能触发的相关方法，如下所示：
public delegate void DataFormsUpdatedHandler(object sender);
public static event DataFormsUpdatedHandler DataFo
浏览 3提问于2009-04-08得票数 2
回答已采纳
我试图为我的网站创造历史，但这些教程并没有太多用处。
链接根本不起作用。
这是我的js函数：
function sendGet(url,des,dataform){
//some ajax code...
var stateObj = { state: 1 };
history.pushState(stateObj, "", "?sendGet="+url+"@"+dataform);
return false;
}
sendGet("parts/login.php","","
浏览 0提问于2013-05-20得票数 0
我使用的是Vue 2.6.10和vue-toasted 1.1.27。但是，我从浏览器那里得到了一个错误。为什么我不能安装vue-toasted？vue-toasted不支持Vue 2.6.10吗？
import Toasted from 'vue-toasted';
Vue.use(Toasted);
vue-toasted.min.js:1 Uncaught TypeError: Cannot read property 'appendChild' of null
at l (vue-toasted.min.js:1)
at new t (v
浏览 1提问于2019-07-24得票数 2
我试图处理数据从的内部添加/删除/编辑命令窗体按钮控制之外的数据来源。我正在使用MVVMLight所以。例如:要删除EventToCommand按钮，我要绑定Command="{Binding DeleteCurrentItemInDataform，Mode=TwoWay}“CommandParameter="{Binding CurrentItem，ElementName=Dataform1}”
在ViewModel代码中：
DeleteCurrentItemInDataform=new RelayCommand<DataForm>(e=>{ e.De
浏览 1提问于2010-08-18得票数 2
回答已采纳
1回答
目前我正在尝试添加VeeValidate组件来验证我在Laravel上的表单，我刚刚在NPM上安装了Vue，它似乎可以工作，但是如何为Vue启用组件呢？ 目前我的app.js中有： window.Vue = require('vue');
window.JQuery = require('jquery');
import Vue from 'vue';
Vue.component('ValidationProvider', require('vee-validate')); 并尝试调用视图中的组件：
浏览 21提问于2020-12-22得票数 0
2回答
我试图修改我的代码，以使用json从前面的一个问题，以简化一些事情.
在客户端：
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.tablednd_0_5.js"></script>
<script type="text/javascript" src="../
浏览 4提问于2010-11-02得票数 0
回答已采纳
1回答
我在我的移动应用程序中实现了nativescript ()插件。它过去运行良好，但是由于我更新到11.1.3版本，所以无法获得推送令牌。我试着回到10.6.3版本，但它说，当我执行npm安装时，它不再可用。
以下是我在我的main.js中所做的
import { messaging } from "@nativescript/firebase/messaging";
import { firebase } from "@nativescript/firebase"
firebase.init({
onMessageReceivedCallback: fu
浏览 13提问于2022-01-27得票数 0
回答已采纳
1回答
我正在尝试创建Vue SPA应用程序。但该路由似乎与我在路由器中定义的路由不匹配。我不明白为什么会发生这种事。在我看来，一切都应该是正常的。这里我漏掉了什么？
我的index.html
<html>
<head>
<title>New Vue.js Project</title>
<script src="assets/js/vue.js"></script>
<script src="assets/js/vue-router.js
浏览 10提问于2019-08-20得票数 0
回答已采纳
我开始使用Vuex，当它在store.js中变得拥挤时，我添加了模块。
当我检查Vuex存储时，我的模块状态和getter在Vue Tools中看起来很好，但是所有的基本存储、getter和state都是undefined，我似乎不知道为什么。我将基存储作为import store from '../store/store'导入到app.js文件中。对我做错了什么有什么想法吗？
我的基地商店是这样的：
store.js
import Vuex from 'vuex';
import Vue from 'vue';
import axios fro
浏览 2提问于2020-08-13得票数 0
我有我的Vue.js应用程序，我已经安装了vue-router，通过npm I vue-router，我在我的主页App.vue上有一个路由器链接，我想重定向到我的Inscription.vue。当我点击路由器链接时，我确实会打开，但视图并没有改变，我仍然在我的主页上，我不明白为什么？(我没有收到错误)
我的main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
浏览 14提问于2021-03-03得票数 2
回答已采纳
1回答
我试图在组件中复制。其想法是有一个基于单选按钮的两种选择组件，重复使用几次：
Vue.component('chooser', {
template: '<form> <input type="radio" value="hello" v-model="picked"> Hello<br><input type="radio" value="world" v-model="picked"> World<br>
浏览 4提问于2017-06-01得票数 1
回答已采纳
我在Silverlight4页面上有一个DataForm。我将它绑定到下面类上的View。使用DataForm中内置的控件，我可以很好地添加、删除、编辑和向前/向后移动记录。但是，一旦我删除了过滤器或错误的注释，每次我按下Add +按钮时，我就会得到可怕的“当项目有验证错误或正在编辑而AutoCommit为false时无法更改货币”的错误。我被困在这个问题上好几个小时了，一点头绪都没有。
public class TestData {
OperationsDataContext context;
ICollectionView view;
public ICollec
浏览 0提问于2011-02-10得票数 1
我仍然是vue.js的新手，任何帮助我都将不胜感激。我正在尝试创建一个数据属性对象，该对象获取我正在构建的赌场的特定游戏的游戏id。我在元素中指定了游戏id，然而，在加载页面时，我在google chrome devtools中遇到了一个Cannot read property 'gameid' of undefined。我不明白为什么元素不接受游戏id。我在Laravel的<game gameid={{$gameid}}中指定了游戏id，但是没有显示出来。我仍然会遇到这个错误。我做错了什么？
play.blade.php
@extends('layouts.ap
浏览 7提问于2017-01-12得票数 0
回答已采纳
我有一个Silverlight格式的订单详细信息表单，其中有一个订单付款列表框。订单付款绑定到周围订单之外的自己的域数据源。我有一个按钮，弹出一个ChildWindow控件来添加新的订单付款。订单付款具有与其关联的金额和付款方法。
表单加载正常，在下拉列表中显示数据表单中的所有支付方法以及金额的文本框。当我保存订单付款并尝试将其附加回order details order Payments数据源时，我得到可怕的“实体无法附加，因为它已经附加到另一个实体”的错误。
下面是Add Order Payment子窗口的XAML：
<controls:ChildWindow.Resources&g
浏览 2提问于2010-09-17得票数 0
回答已采纳
我使用以下代码：
<script type="text/javascript" src="../../node_modules/requirejs/require.js"></script>
<script type="text/javascript" src="../../node_modules/vue/dist/vue.js"></script>
<script>console.log(Vue)</script>
它将提出：
Uncaught Refer
浏览 3提问于2019-09-27得票数 0
我有一个resource.js，它是一个导出的ES6类：
import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource)
export class Resource {
getMovies () {
// GET /someUrl
return Vue.http.get('http://localhost:3335/cardname').then((response) => {
console.log
浏览 2提问于2016-10-25得票数 0
回答已采纳
我有Master/Detail / dataform，在选择项之后，它以数据形式显示以供更新，但我在与部门绑定或填充组合框时遇到了问题，并将SelectedEmployee.departmentid设置为选择值。
现在有两个问题：
1.在EmployeeViewModel中，这段代码不起作用，问题是为什么？
private ObservableCollection<department> _departments;
public ObservableCollection<department> Departments
{
浏览 3提问于2011-02-18得票数 1
回答已采纳
我有一个silverlight业务应用程序，它使用c#实体框架和域服务类绑定到我的ado.net server数据库，并从数据库中提取数据，或者将数据持久化到数据库中。我一直在使用dataformtoolkit名称空间来布局可以编辑/显示数据的文本框，使用TwoWay绑定模式来实现读/写功能。
在一些字段上，我想使用组合框而不是文本框等。我想做的就是有一个组合框作为数据表单的一部分，用包含3个字符串的通用列表的内容填充它，并将任何更改保留到我的sql server数据库中，就像文本框或复选框一样工作.........
我找不到一个单独的工作样本，它不是非常复杂，而且看起来像是“在那里”-它是一
浏览 1提问于2009-09-24得票数 1
回答已采纳
Bellow是我的代码片段，它展示了我所面临的问题：
<!-- in a div -->
<a href="#" onclick="submit('/netnfork/site/billing/billing_plan_type', document.getElementById('dataForm'));" title="${addPlan}">
<img src="/path/to/button" height="18" width="
浏览 4提问于2012-09-27得票数 0
回答已采纳
在完全相同的情况下，我得到相同的吸气剂的不同的输出。
console.log(store.getters);
控制台中的输出：{}: auth/loggedIn: true，这是我想要得到的正确值，但是请看以下内容：
console.log(store.getters['auth/loggedIn']);
控制台中的输出：false
为什么会这样呢？
auth.js 模块：
auth = {
namespaced: true,
state: {
token: null
},
getters: {
loggedIn(
浏览 2提问于2018-10-04得票数 0
回答已采纳
var vm = new Vue({
el: '#app',
data () {
return {
info: null
}
},
mounted () {
axios
.get('https://api.coindesk.com/v1/bpi/currentprice.json')
.then(response => (this.info = response))
}
})
console.log(vm.info)
//Why vm.info is null? I th
浏览 3提问于2018-10-10得票数 0
我和这个bug斗争了几个小时，并设法将它缩小为一个非常简单的脚本。我设法在中复制了错误。
我想显示基于给定货币的价格。如果货币是USD，只需显示价格。如果是其他东西，则显示转换后的价格(在本例中，为EUR)，并选择单击它并查看原始价格。
正如您在小提琴中所看到的，如果您将输入中的初始USD更改为US，则条件不再满足，并显示转换后的价格。如果你点击价格，你可以看到原来的价格。
但是，如果您输入D返回以便货币再次为USD，则会得到以下错误：
vue.js:1743 TypeError: Cannot read property '_pending' of null
at p
浏览 0提问于2018-05-17得票数 1
我和vuex和vuejs一起工作。我目前有两个vue实例(我知道这很糟糕，但我不能这样做，这不是问题)
Sidebar.js vue定义：
//VUEX stores
import { dashboardStore } from './../../js/Stores/DefinitionMappingStores/VuexStoreForDashboardPage'
//first vue with initialisation of state
var vmSidebar = new Vue({
el: '#sidebar-content',
浏览 4提问于2020-03-23得票数 1
回答已采纳
我想通过分叉为新组件添加一些自己的场景。
在更复杂的案例中，我遇到了一些问题，特别是双向值同步。
进入这种情况后，最后会发出警告：
vue.esm.js:571 Vue警告:属性或方法"syncedVal“不是在实例上定义的，而是在呈现期间引用的。
下拉列表中也没有选项是预选的。尽管在组件的道具中定义了syncedVal，但我还是不明白为什么一直收到这个警告。我在vue-play/play中添加了两个文件：
VSelect.vue
<template>
<v-select v-model="selected" :options="
浏览 0提问于2017-11-01得票数 0
回答已采纳
在使用vue-next从Vue 2升级到Vue 3之后，我得到了由@vue/server-renderer引起的错误。
TypeError: Cannot destructure property 'createComponentInstance' of 'vue.ssrUtils' as it is null.
at Object../node_modules/@vue/server-renderer/dist/server-renderer.cjs.js (/path-to-project/dist/js/webpack:/node_modules/@v
浏览 3提问于2020-10-12得票数 3
1回答
在null之后显示零值有问题。
null不显示在输入中，但是如果我将值更改为0，它也不会出现.也许我做错了什么？也许有人发现了这个问题，是否有办法解决这个问题？在第一个输入中，我希望0会出现。。
new Vue({
el : '#app',
data() {
return {
value : null,
valueString: null,
};
},
components: {
VueAutonumeric,
},
});
<script src="https://cdnjs.cloudflare.com/ajax/libs
浏览 12提问于2019-10-07得票数 1
我想在不使用事件的情况下调用wicket中的js方法。例如，请参考下面的内容：
public method(Page params) {
Form<?> form = new Form("dataform");
form.add(new AjaxFallbackButton("nextPages", form) {
@Override
public void onSubmit(AjaxRequestTarget target,Form<?
浏览 0提问于2016-09-15得票数 0
我正在创建一个插件，我只是想知道为什么我不能在main.js文件中访问它。下面是Auth.js的样子：
const Auth = {
install(Vue) {
Vue.prototype.$isGuest = function () {
console.log('This user is a guest.');
}
Vue.prototype.$getAuthToken = function () {
console.log('Auth token will
浏览 3提问于2017-10-27得票数 2
回答已采纳
3回答
Vuejs中的动态导入
、、、、
我正在为我的应用程序使用服务器端呈现的vue (而不是使用vue-cli进行引导)。我的应用程序当前使用index.js文件中的Vue.component()全局注册所有vue组件，该文件加载在我的服务器的base.html中。
我需要执行代码拆分，以便根据url路径仅加载所需的组件，为此，我使用动态导入语法来加载组件。
Vue.component('component-a', () => import(/* webpackChunkName: "component-a" */ './component-a.vue'))
我得到了下面的错误
浏览 7提问于2020-07-07得票数 1
你好Stackoverflower，
一个简单的问题：
我想在JavaScript中创建一个DataForm，将DataForm推入数组，将数组发送到另一个函数，在新函数中修改DataForm，然后发布DataForm。
我实现了如下抽象，其中function1()用许多FormData()填充数组，function2()检索数组中的每个FormData，.set()为键提供一个新值：
var arrayTempIds = [];
function function1() {
var formData = new FormData();
formData.append("id
浏览 0提问于2015-06-15得票数 0
1回答
我有vuex一家商店abc.js
import Vue from 'vue';
const state = {
recordType: null
};
const getters = {
recordType: state => state.recordType,
};
.... other code
我有其他的vuex商店xyz.js
import { API } from '@/api';
import Vue from 'vue';
const state = {
messages: null
};
const
浏览 2提问于2018-07-31得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
