vue $options.data()赋值初始化数据问题

最新推荐文章于 2024-06-19 09:09:38 发布
最新推荐文章于 2024-06-19 09:09:38 发布
阅读量653 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwtt24/article/details/121026671
版权

问题：在data函数中如果调用了其它this上的数据，再使用this.$options.data()报错如何解决？如下

报错：当使用this.$options.data()  的时候发现this已经不指向当前组件了。。。

 解决：this.$options.data.call(this) 重新绑定this，指向当前组件

汪大月月鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue $set 给数据赋值的实例
10-16
今天小编就为大家分享一篇vue $set 给数据赋值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue+赋值html,vue中怎么给下面的这种html结构的 中的options[?]赋值？
weixin_33971721的博客
06-18 251
//需求是:变量number是2 对应的是4个video的视频墙 (1个 ，4个，9个，以此类推的视频监控墙)number是3 对应的结构就是9宫格，现在要做的是 把数组options中的地址赋值给 (v-bind:options) 它是一个对象，怎么才能把数组options中的对象依次赋值给这个video，并且要能够随意赋值给这个video,因为是这样的双for结构 不知道怎么写算法了req...
vue 重置组件的data初始值 $options 正确的取值方法
我的米饭
01-22 983
想要获取初始值，如果直接用 this.$options.data() 会报错，需要修改成下面这样： // 组件的data初始值，这个对象里面就是组件data里的所有对象了 this.$options.data.call(this) 当前的data里的值这样写 this.$data ...
vue组件的select怎么赋值？
最新发布
m0_74359467的博客
06-19 174
在上面的示例中，我们定义了一个 selectedFruit 数据，用于保存用户选择的水果。在 HTML 模板中，我们使用了 <select> 元素，并通过 v-model="selectedFruit" 将用户的选择与 selectedFruit 数据进行了双向绑定。当用户进行选择时，Vue 会自动更新 selectedFruit 的值，从而实现了赋值的功能。在 HTML 模板中使用 <select> 元素，并通过 v-model 指令将用户的选择与定义的数据进行绑定。
$options.data() 重置属性
gao_jundong的博客
04-09 845
使用方法 Object.assign(this.$data, this.$options.data()); 问题 如果data()中若使用了this来访问props或methods，在重置完$data时，this.methodA和this.B为undefined。 原因 和Vue实例的初始化相关。 1、new Vue的时候传了一个对象，把该对象记为options，Vue将options中...
Vue中的this.$options.data()的this指向问题
hunt_er的博客
11-25 6160
项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], age: [ {min: 1, max: 120, type: 'number', message: '年龄 1 到 120 之间', tri
Vue中的this.$options.data()和this.$data用法说明
10-15
在问题描述中提到的情况，`resetData`方法尝试通过`Object.assign`重置`this.$data`，但直接调用`this.$options.data()`会导致`data()`内部的`this`不指向组件实例，因此无法访问`props`和`methods`。解决方案是通过...
vue data恢复初始化数据的实现方法
10-16
在Vue中，`this.$data`代表当前组件的数据对象，`this.$options.data()`则是获取组件初始化时的数据对象。当我们需要重置数据时，可以结合两者使用`Object.assign()`： ```javascript Object.assign(this.$data, ...
vue $options初始化
UCZone
03-16 701
vue实例化时，对$options进行初始化 vue/src/core/instance/init.js Vue.prototype._init = function (options?: Object) { const vm: Component = this // a uid vm._uid = uid++ let startTag, endTag ...
【vue】封装下拉框option静态数据
向着光芒的女孩
04-08 818
之前在vue-cli中，有些静态下拉框数据都写在每个vue页面文件里，发现有些页面也会使用一样的，所以想着把它抽出来方便管理和查看 思路总结 1.创建一个js文件 在src/libs目录(看项目目录结构灵活放)下创建 options.js , 先只写了一个，文件内容如下： export const userStatusOpt = [ { value: 0, label: '禁用' }, { value: 1, labe
vue如何重置data:this.$options.data.call(this)
Hy_0452的博客
01-24 2344
Object.assign(this.$data，this.$options.data()) Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象 this.$data 获取当前状态下的data this.$options.data()获取该组件初始状态下的data。 ...
Vue $options 重置data
m0_57547956的博客
04-15 1316
<SpuForm ref="SpuForm" v-if="scene===1" @changeScene="changeScene"></SpuForm> <SkuForm ref="SkuForm" v-show="scene===2" @changeScene="changeScene"></SkuForm> 在页面上我有这2个子组件 通过父组件的scene来切换 组件其实里面是包裹了几个form表单 可以让用户输入的 ， ...
前端开发之this.$options.data的使用
m0_50207524的博客
05-16 1434
this.$options.data:初始化对象。
vue通过this.$options.data()重置data中部分数据
cw_csdn的博客
08-21 384
重置方法：Object.assign(this.$data.deviceForm, this.$options.data.call(this).deviceForm)错误原因：data数据中用到了this，调用this.$options.data()方法时this指向出现了不一致。报错："TypeError: this.$t is not a function"解决方法：人为更改this指向，this.$options.data.
vue-element怎么给select下拉框赋值？
祈澈菇凉
10-10 6634
看文档真的是一件非常快乐的事情，看别人写的代码，再跟自己写的代码一对比，立刻会发现有很多不同的地方，也可以学到很多新技能，从最简单的阅读学习起来，今天看的是select下拉框相关的。 资料相关 星星指数：star:55k 中文文档：https://element.eleme.cn/#/zh-CN/component/checkbox Github 地址：https://github.com/Pan...
vue使用el-select下拉框匹配不到值的优化方案
铁锤妹妹的博客
09-15 5310
一. 问题描述 点击编辑弹窗里从上面列表行数据里取到的乙方名称变成了乙方id15，产生的原因是因为弹窗里的甲乙方列表是从接口请求来的，比如后期某个乙方公司关停了，这条数据就会被删除，导致我们取不到这条数据 查看接口返回的列表，发现少了行数据中的乙方这条数据 二. 解决思路 findIndex() 返回值判断编辑当前行数据取到的id和甲乙方列表里的id是否有一样的； 如果有相同id的话，返回第一个符合条件的数组成员位置，都不符合条件，则返回 -1 如果返回数组成员位置 < 0 的话，从列表行数
重置数据this.$options.data()
每文的博客
03-24 1801
看别人的代码学到了这一个骚操作： // 重置数据 resetData () { Object.assign(this.$data, this.$options.data()) }, 这一句功能很强大，相当于一旦调用这个方法，你当前页面的data都会恢复到原始值,无论你对这个data中的属性做了啥子操作 //恢复到这个样子 data() { return { formInline: { status: '', r
vue 重置data中的数据 this.$options.data()
qq_58340302的博客
09-28 4520
在做项目时我们经常会遇到用一个弹窗表单来实现新增和编辑两个功能，这样就会出现，先点击编辑，回显出来的数据，再下一次点击新增时也会存在，所以我们需要在打开弹窗时清除数据。使用this.$options.data()
_vue.prototype.$router = this.$options.router
08-05
在 Vue 中，`$options` 是每个组件实例上的一个属性，它包含了当前组件的初始化选项，包括 `data`、`computed`、`methods`、`watch` 等。而 `router` 是在 Vue Router 中配置的路由选项。 通过将 `this.$options....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值