vue cli data获取问题 外部设备调用

最新推荐文章于 2022-04-20 18:22:55 发布
最新推荐文章于 2022-04-20 18:22:55 发布
阅读量360 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42266115/article/details/121467120
版权

实现功能

当页面某参数已经变化的时候，用户点击了返回（按键，框架的返回），前端拦截，询问是否确认关闭界面，用户确认再退出关闭界面。

如果是使用html+vue.js这样写可以的
在这里插入图片描述
后来使用vue cli后，最大的问题就是怎么获取到data里的hasCheckSzkw和showOut参数呢
在这里插入图片描述
然后各种百度，有一篇是这样写的，好像很有道理

然后我也这样写，发现不行，一堆报错，路由都会给我弄没，就。。。

解决办法

后来就看自己的代码，发现onresize都能在mounted里写，凭啥设备的全局调用方法不行。然后一试真的可以。
在这里插入图片描述
举一反三，那我html+vue.js应该也能这么写，再一试，也可以
呜呜呜呜呜，当时怎么没有想到呢
记录下记录下

积极的小可爱呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 需求 data中的数据之间的调用操作
11-19
我遇到过这种情况 就是在我的data中 会有数据调用data中的其他数据 如图 我的alertInfoType需要拿到screeningCondition中type的...补充知识：Vue方法之间相互调用作用域问题 查了好几个写的什么玩意，看的我是一阵难受
vue原理剖析。组件中，为什么data要写成对象的形式？而vue实例中不需要
F_fengzilin的博客
05-12 1089
#1.结论: 当组件需要复用的时候，data必须写成对象的形式，并且返回。vue实例之所以不需要，是因为vue实例不需要复用。当组件需要复用时，写成data对象的形式并且返回，才会使各个被复用的组件中的数据不发生干扰。 ##1.证明过程如下 vuecli与vue实例对比 通过对比我们发现，vuecli中使用data返回的对象，而vue实例则是创建了一个对象、 ##2.代码对比验证: ###2.1当组件中的data数据需要复用时 <div id="app"> &
vue/cli中的data里存放的图片无法显示在页面上
nihaotdb的博客
08-04 1551
因为data里面的图片会被解析，所以最终的文件名和assets中的文件不一样，导致的打印不出来。
Vue-cli的使用
weixin_45722135的博客
10-13 89
一：Vue-cli的简介与使用 (脚手架工具) 需要安装脚手架工具，使用npm命令，去vue官网有教程。 build目录下放置的是项目的webpack配置文件，可以不动 config是针对线上环境和开发环境的配置文件，也可以不动 node_modules 指的是项目的依赖 src 指的是源代码放置的目录 二：使用vue-cli开发Todolist 1：利用Vue-cli时，数据data的定义不是对象，而是一个函数形式，返回值为对象。 data : function() ...
vue笔记(更新中-------)
x_xiNan9416的博客
09-17 244
1.v-text和v-html的区别 相同点: 1.都覆盖掉所有元素的子节点 2.都可以去渲染数据 不同点 1.text不能解析HTML标签 2.html可以解析HTML标签 2.v-show和v-if的区别 v-show:显示和隐藏 (相当于修改display:none) v-if :直接创建或者删除标签 3.data data命名不能使用 '$' , _ 开头 数据可以在当前模板中直接使用(不需要`this`) 4.什么是数据驱动视图 1.监听指定的数据 2.指定的数据发生改变
如何获取vue.js中的data属性值并使用不同方法
qq_43430964的博客
09-26 2449
如何获取vue.js中的data属性值并使用不同方法： var v = new Vue(…); console.log(v.$data.属性) 即可 https://jingyan.baidu.com/article/574c5219ff27382c8d9dc1b8.html
vue cli3 调用百度翻译API翻译页面的实现示例
10-16
主要介绍了vue cli3 调用百度翻译API翻译页面的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue中实现在外部调用methods的方法(推荐)
11-28
2.在事件当前的组件中，在created中，用$on向公共的组件eventHub传递，translate是自定义的，getCardNum(data)是要在外部调用的方法; eventHub.$on('translate', function (data) { that.getCardNum(data); }); ...
vue获取data数据改变前后的值方法
01-19
通过自定义指令将更新前的值绑定到对应自定义指令的元素的dataset上然后在vue文件里面通过ref获取到元素来获取旧的值 自定义指令就不多说了前面有写过以前相关的博客了这里直接上代码 自定义指令要新建一个js文件并...
如何获取vue中所有data名称及数据(如何用axios进行传参)
cxn304的博客
12-03 5348
如何获取vue中所有data名称及数据 数据绑定后，需要循环获取data名及数据，一个一个写麻烦。直接在vue的methods中这样： methods: { general_submit: function () { var b = ''; for (var w in this._data) { b = b + w +...
手把手带你封装一个vue component第三方库
10-17
主要介绍了手把手带你封装一个vue component第三方库，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue中的data为什么是函数
weixin_47212352的博客
10-11 132
为了保证组件的独立性和可复用性。data是一个函数，组件实例化的时候这个函数被调用，返回一个对象，这样计算机会为对象分配一个内存地址，实例化几次就分配几个内存地址，这样每个组件中的数据不会相互干扰，改变其中一个组件的状态，其他组件不变。 若data是一个对象，里边存放着很多数据，都指向一个地址。如果重复的使用相同的当前组件，每个组件的值都从data:{}对象中获得（相同地址），组件之间就会相互干扰。 参考：https://www.cnblogs.com/jinfeixiang/p/12176156.html
Vue-cli使用说明
weixin_33778778的博客
04-20 319
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-cli构建项目之mock data
Vita的博客
07-25 455
当前后台同时开发时，后台接口尚未实现，所以前端需要根据约定好的接口来模拟接口数据来完成接口调用。在vue-cli构建的项目中，如何启动数据服务，使用mock data 呢？见下方： 在build -> dev-server.js 中启动api server //启动api server var apiServer = express(); //引入body-parser 模块 var bodyPa
Vue:通过浏览器控制台查看全局data值
第一段代码的博客
04-20 1万+
Vue中借助data实现了数据的存储和中转,方便了界面的绑定渲染和值使用. 一些时候,为了调试程序,我们可能需要通过浏览器来查看data中的值到底目前是一个什么情况,方便调试和查找问题. 而现有基于Vue-cli框架和单个页面的Vue在定义时,会导致data获取值方法不相同.尤其是通过Vue-cli创建的,里面的文件都是一个个的组件，如何在控制台中修改，查看组件data里的值?? (1)没有或找不到具体的Vue对象 发现很多通过Vue-Cli创建的具体页面在定义data后,export时,多半没有对
vue中data的两种写法
热门推荐
brrby
10-27 4万+
vue中的data是写为对象好还是函数好data为对象的写法data为函数的写法组件中访问data组件的data属性是一个对象的情况会访问不到data中的数据组件的data属性必须是一个函数且返回一个对象为什么组件的data属性必须是一个函数且返回一个对象 data为对象的写法 data:{ message: '此时mustache表达式是通过data为对象来获取message的值' } data为函数的写法 data(){ return{ message: '此时mustac
前端调用接口除了ajax,前端常见的接口调用的方式
weixin_31947395的博客
08-05 2941
接口调用的方式有哪些原生ajax基于jQuery的ajaxfetchaxios前面两种不再多说，主要介绍后面两种接口调用的方式。一、原生ajaxAjax 的实现步骤创建 Ajax 对象var xhr = new XMLHttpRequest();告诉 Ajax 请求地址以及请求方式xhr.open('get', 'http://www.example.com');发送请求xhr.send();获取...
走进Vue-cli源码，自己动手搭建前端脚手架工具
weixin_34409822的博客
03-25 425
前言 前段时间看了一些vue-cli的源码，收获颇深。本想找个时间更新一篇文章，但是最近事情比较多，没有时间去整理这些东西。趁这两天闲了下来，便整理了一下，然后跟大家分享一下。如果小伙伴们读完之后，跟我一样收获很多的话，还望各位小伙伴们多多点赞收藏支持一下哦。 Vue-cli介绍 Vue-cli是一款非常优秀的用于迅速构建基于Vue的We...
vue-cli数据请求
cheers_up的博客
10-08 441
vue-cli项目创建 1.全局安装vue-cli（注：要求node.js版本是8+） cnpm install -g @vue/cli or yarn global add @vue/cli 检测安装：vue -V 2.创建项目：vue create 项目名称（可以写.代表在本文件夹创建） 这里如果你是第一次使用脚手架进行项目创建的话，是只有两项提示。 第一项是默认配置，我们一般选择第二项自定义配置进行项目构建。 我们可以自由的选择哪些配置，按键盘上下键进行选中，安装。 选中哪一个，通过键盘空格键确定，所
vue cli echarts
最新发布
09-23
在Vue CLI中使用echarts的步骤如下： 第一步：在main.js中引入echarts库。 ```javascript import echarts from 'echarts' Vue.prototype.$echarts = echarts ``` 第二步：创建一个Vue组件并在template中添加一个div...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值