微信公众号 vue this的小问题

最新推荐文章于 2022-12-01 15:44:04 发布
最新推荐文章于 2022-12-01 15:44:04 发布
阅读量136 收藏
点赞数
文章标签： vue 基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45021270/article/details/103291714
版权

又是热爱学习的一天 今天是写公众号学到的

1.this的用法。

在vue里有时候用this.数据的时候发生undefined错误。
如下：
（在data里定义了）
在这里插入图片描述（this.数据引用渲染）

在data中定义了。

（报错！）在这里插入图片描述
问题原因：模板里就不需要this关键字。
来一张群里发的问题原因图片：在这里插入图片描述

这个问题最后得到了解决

weixin_45021270
关注
vue 开发微信公众号小问题
KuTou_NanSou
11-18 497
vue 开发微信公众号小问题 iframe 标签无法滑动 参考功能：阅读协议，读取静态html页面 源码 <div class="demo-iframe-holder"> <iframe src="../../static/html/htmlname.htm" frameborder="0" scrolling="yes"></iframe&a
微信jssdk的接入（分享及扫码功能）
Lval的博客
03-01 7040
vue中使用（vux版）微信扫一扫功能分享接口只有认证公众号才能使用，域名必须备案且在微信后台设置。先确认已经满足使用jssdk的要求再进行开发。1.引入vux类库2.在 main.js 中全局引入1234import { WechatPlugin } from 'vux'Vue.use(WechatPlugin)console.l...
Vue 应用中使用微信 jssdk
tangyuhui
02-24 2254
#####关于微信jssdk 通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。 如：微信分享 原始分享效果 使用微信JS-SDK的分享效果 准备工作 1. 拥有一个微信公众平台的账号 微信公众平台登录 微信公众平台注册 2. ...
微信公众号支付接口（vue项目中，两种方法）
xiasohuai的博客
11-23 2897
第一种：引入微信js-sdk //在一个地方调用this.weixin()方法，比如说按钮 //写微信支付方法 weixin() { var that = this; var url=''; var params = { .....//价格，数量等等一类的 }; axios.post(url...
微信公众号：weixin-js-sdk使用总结
热门推荐
sunluyi的博客
04-25 1万+
JS-SDK说明文档 网页授权说明文档 微信公众号授权登录参考方案 1、安装weixin-js-sdk npm install weixin-js-sdk 2、js封装 import wx from 'weixin-js-sdk' // 步骤1、引入微信js-sdk import http from '@/utils/axios.js'; //接口请求封装 // 1、wx.config配置参数 const getWxConfig = async (pageUrl) => { await
Vue微信公众号网页分享的示例代码
01-19
前言 今天做了个分享功能，反正挺诡异的，下面就来说一说步骤 后端使用egg.js,代码如下： 'use strict'; const Subscription = require('egg').Subscription;... const config = this.ctx.app.confi
微信公众号授权登录vue移动端项目
qq_45247667的博客
12-01 1568
微信公众号授权登录vue移动端项目
vue移动端项目微信公众号授权登录
js960208的博客
01-29 4966
前言 在我们做移动端项目时, 很多功能是以登录后才能进行后续的操作, 并且许多pc端的网页都有微信扫码登录功能, 为了做到pc与移动端统一, 往往移动端项目需要添加微信登录功能, 那么为什么手机端不能用扫码登录, 下面我来说明一下以及他的解决办法 提示：以下是本篇文章正文内容，下面案例可供参考 一、为什么移动端要用微信公众号授权登录？ 最重要的原因是pc端已经占用扫码登录后跳转的线上地址, 并且微信官方能且只能添加一种线上地址, 所以我们只能通过公众号授权登录 (注意: 移动端授权登录只能在微信打开的浏
记录vue开发微信公众号的问题
weixin_47783830的博客
03-29 464
最近在开发公众号网页，用的vue开发。此篇就记录开发中遇到的问题 首先了解公众号开发的概念，其实就是h5的页面，只是需要管理人员配置给你。由于我只是单纯的开发，那些配置我也不是配置者，就不说了。应该跟小程序配置差不多，公司也不会要你去配置。 1。项目开发时，后台会给你定义一个网址，就是公众号网页的重定向地址：例如： http://xxx.com/?Api-Token=xxx&Mp-Appid=xxx#/user/console 这是我们的重定向地址页面,所以你在配置 路由的时候，一定记得将项目首页
微信自定义分享
Mr_Ch1023的博客
04-27 316
创建wechat.js 来源 https://www.jianshu.com/p/6007c5db21b1 //weixin-js-sdk应用 //weixin-js-sdk应用 // npm install weixin-js-sdk mint-ui --save const wx = require('weixin-js-sdk') export default { methods...
mpvue踩坑-微信开发工具无法支持vue文件
祈澈菇凉
02-05 1402
Mpvue的简单介绍以及开发时踩到的一些坑 微信开发者工具不支持打开vue文件，因为微信开发者工具只是一个用户代理(即显示网站用)，类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好，所以编写的时候一般会选择一款编辑器，可以使用Sublime、webstorm、vs等。 mpvue小程序项目无法像其他vue项目一样...
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题（解决方案）
王佳斌
08-23 4435
前言 在微信 API 回调函数内 this 指向的是微信 API，所以拿不到 this.data.* / this.* 值。 比如，下面这段代码（回调函数内访问this.data.*）就会报错： <button bindtap="go">测试</button> Page({ data: { message:'我是this上的值' }, /* * 事件处理 */ go: function() { wx.showModal({
vue开发中在页面代码中一律不能使用this
Efficiency9的博客
06-07 4237
<div @click='this.limitNum=this.address.length'></div>以上代码是错误的，因为当前代码的作用域就已经是this了 正确写法<div @click='limitNum=address.length'></div>
Vue Wechat
JunChow
02-25 717
项目结构 前端：Vue 后端：Koa 数据库：MySQL 问题 SPA单页应用如何解决微信授权时的跳转？ SPA单页应用应该在那个环节获取微信授权呢？ 微信网页授权 微信网页授权操作流程 用户同意授权以获取code 通过code换取网页授权的access_token 首先需要明确的是，前后端分离的项目，是不能直接在前端使用AJAX调用微信接口获取到用户信息的。为什么？前...
vue cli引入微信sdk,完成微信接口调用——初始化签名调用微信接口（七）
Museions的开心博客
03-19 2197
当应用有了access_token和jsapi_ticket后，在任意需要调用微信接口的页面实现签名逻辑。来初始化微信接口调用。代码如下：getSignature(){ //初始化签名 var url = location.href.split('#')[0]; this.$http.post('weixin/getsign',{jsapi_ticket:Bus.jsapi...
Vue 回调函数中this无效
qq_39271815的博客
08-14 6190
Vue 回调函数中this无效1、在回调函数之前将 vue 实例 this 赋值给一个变量，在回调函数中使用该变量2、使用箭头函数3、在 methods 中定义一个函数，回调函数使用该函数 记录在vue项目中使用回调函数时调用this无效问题 vue 在回调函数中 this 并不是指向 vue 实例，我在回调函数中打印了下，结果是undefined，而网上的一些博客说是 window 或 undefined，这里 window 没有出来，可能和我写的函数有关系，以后碰到再说。 直接上解决方案： 1、在回
vue 微信授权解决方案
weixin_34266504的博客
04-09 1063
背景 vue前后端分离开发微信授权2018-08-14更新时隔四个月第一次更新，因为项目重构有一次接触到了微信授权，思路已经比原来清晰的多了，将重新修改一下整个文章 场景 app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。问题：没有固定的h5应用首页，回调不能到index。授权后重定向url带参...
vue微信授权登录插件封装
书写人生
04-07 5065
1.新建wechatAuth.js文件const queryString = require('query-string') //应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息） const SCOPES...
vue微信公众号浏览pdf
最新发布
05-29
Vue.js 是一款流行的 JavaScript 框架，可以用来开发单页应用程序（SPA）。如果你想在微信公众号中浏览 PDF，可以使用 Vue.js 和第三方库实现。 你可以使用 pdf.js 库来加载和显示 PDF 文件，同时使用 Vue.js 来编写前端代码。pdf.js 支持在浏览器中直接加载 PDF 文件，也可以将 PDF 文件转换成 base64 编码字符串后使用。 以下是一个简单的示例代码： ```html <template> <div> <canvas ref="canvas"></canvas> </div> </template> <script> import pdfjsLib from 'pdfjs-dist' export default { mounted() { this.loadPdf() }, methods: { async loadPdf() { const pdfData = await this.getPdfData() const canvas = this.$refs.canvas const pdf = await pdfjsLib.getDocument({ data: pdfData }).promise const page = await pdf.getPage(1) const viewport = page.getViewport({ scale: 1 }) canvas.height = viewport.height canvas.width = viewport.width const context = canvas.getContext('2d') const renderContext = { canvasContext: context, viewport: viewport } await page.render(renderContext).promise }, async getPdfData() { // 使用 ajax 或者 fetch 获取 PDF 文件的 base64 编码字符串 // 这里简单起见直接使用示例文件 const response = await fetch('https://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf') const arrayBuffer = await response.arrayBuffer() return new Uint8Array(arrayBuffer) } } } </script> ``` 该代码中的 `loadPdf` 方法会加载 PDF 文件并将其渲染到 `canvas` 标签中。你可以将其作为组件在 Vue.js 项目中使用，然后将组件插入到微信公众号的页面中即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值