created() { this.remainHeight = this.$app.$options.globalData.remainHeight + 'px' }, })
时间: 2024-02-19 08:00:54 浏览: 11
这段代码看起来是一个 Vue 组件的生命周期钩子函数 `created`,在组件实例被创建时被调用。这个函数中,将组件实例的 `remainHeight` 属性设置为全局变量 `globalData.remainHeight` 的值加上 `'px'`,这个值可能是用来设置组件的高度或者其他样式属性的。需要查看完整代码才能确定。值得注意的是,这种直接修改全局变量的方式不是 Vue 推荐的方式,更好的做法是使用 Vuex 等状态管理工具。
相关问题
vue this.data和this.$data
在Vue实例中,我们可以通过`this`来访问实例的数据和方法。其中,`this.data`和`this.$data`都是用来访问Vue实例的数据的方式。
`this.$data`是Vue提供的一个属性,它指向Vue实例的数据对象,也就是我们在`new Vue()`时传入的`data`选项。例如:
```
new Vue({
data: {
message: 'Hello World'
},
created: function () {
console.log(this.$data.message) // 'Hello World'
}
})
```
上面的代码中,我们在Vue实例的`created`生命周期函数中使用了`this.$data.message`来访问Vue实例的数据对象。
而`this.data`并不是Vue提供的属性,它在Vue实例中并没有任何意义。如果我们在Vue实例中使用`this.data`来访问数据,将会得到`undefined`的结果。例如:
```
new Vue({
data: {
message: 'Hello World'
},
created: function () {
console.log(this.data.message) // undefined
}
})
```
因此,在Vue实例中,我们应该使用`this.$data`来访问实例的数据对象。
= Object.assign({}, rowData) this.getMbsj() }) }, getTarget() { if (this.formList.indexName == null || this.formList.indexName == '') { this.$message('请选择分项') return false } if (this.itemize == null || this.itemize == '') { this.$message('请选择总量') return false } this.$ajax({ url: '/lims/projectLib/project_item', method: 'post', data: { name: this.formList.indexName, tableData: this.selectedData, }, }).then(res => { if (res.data.code === 200) { this.$message({ message: '添加成功', center: true, type: 'success', }) this.dialogEdittVisible = false this.getList() } else { this.$message({ message: res.data.msg, center: true, type: 'error', }) this.dialogEdittVisible = false } }) },点击编辑按钮时如何显示编辑之前的数据
点击编辑按钮时,可以将要编辑的数据传入到弹窗中,通过表单的绑定将数据显示在对应的表单项中。例如,可以在弹窗中添加一个表单,然后将要编辑的数据作为表单的初始值,如下所示:
```html
<el-dialog title="编辑数据" :visible.sync="dialogVisible">
<el-form :model="formData">
<el-form-item label="名称">
<el-input v-model="formData.name"></el-input>
</el-form-item>
<el-form-item label="数值">
<el-input-number v-model="formData.value"></el-input-number>
</el-form-item>
</el-form>
<div slot="footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="editData">保存</el-button>
</div>
</el-dialog>
```
其中,`formData` 对象是表单数据的绑定对象,可以在 `created` 钩子函数中初始化为要编辑的数据,例如:
```javascript
created() {
this.formData = Object.assign({}, this.editingData);
},
```
这样,当弹窗弹出时,表单中就会显示要编辑的数据的初始值。当用户修改了数据并点击保存按钮后,再将表单中修改后的数据提交到后台进行更新。