Vue
陈藩
一个简单的开发者
展开
-
在一个html网页中挂载两个vue对象
在一个html网页中挂载两个vue对象,代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="test1">{{msg1}}</div> <div id="test2">{{msg2}}</div原创 2021-07-30 09:51:51 · 1778 阅读 · 0 评论 -
Vue中enter键导致的这个界面刷新问题
出现一个很奇怪的问题,代码是这么写的:<el-input v-model="queryParams.name" placeholder="请输入分类名称" clearable size="small" @keyup.enter.native="handleQuery" />在其他界面没有产生这个问题,在这个界面一按压enter键就导致这个界面刷新了,加上如下代码解决问题了,产生原因原创 2021-07-21 10:51:10 · 346 阅读 · 0 评论 -
el-input 输入框长度的限制问题
如果是一般的限制,我们可以使用 text.length的方法来作为限制的条件。但是在这里,我们讨论一个其他的情况,如果限制的是100个字节。这里就要知道,一个英文字符是占一个字节,一个中文占两个字节,一个数字也是占一个字节。所以如果输入的是英文和中文的混合体,输入框输入的长度是需要计算的。我们可以用如下的方法来作为计算。 <el-form-item label="产品编号" prop="number"> <el-input v-model="form.number原创 2021-07-19 14:05:32 · 10904 阅读 · 2 评论 -
el-image 加载网络图片不显示的解决办法
当使用el-image 加载网络图片(做公众号的时候),当图片数量超过5张时,总是至少有一张不显示。不知道为什么。代码如下:<el-image v-if="leftImage !== undefined" lazy :src='leftImage' :preview-src-list="[leftImage]" class="leftImage"></el-image> 如果有谁知道,请...原创 2021-05-13 17:48:20 · 4954 阅读 · 1 评论 -
微信服务号关于登录的相关流程
在我们的开发中是这么做的。1.先判断本地是否保存有token。如果有,则不用登录了。如果没有则需要先获取code,然后把code传给后台(我把这称为登录),登录成功后后台会返回一个token,本地保存token即可。2.token是有有效期的,我们token的有效期是10分钟,因此,当后台返回的数据中提示token已经过期或者无效时,我们将本地token置空,然后再次执行登录的相关流程即可。3.获取code的过程,是需要传入一个回调的网络地址的,code会被拼接在这个回调地址上返回回来,我们就可原创 2021-04-28 09:06:47 · 804 阅读 · 0 评论 -
关于微信服务号网页端开发过程中的一些总结
1.微信服务号扫码是支持二维码和条形码的,都没有问题。之前测试的时候是从网页上制作二维码和条形码来扫描测试的。过成功发现二维码可以,但是条形码不行。这是因为扫描条形码的时候可能会扫到其他的字符,所以导致出现了假象。用实物条形码扫都是可以扫描到的。2.微信支付 let that = this; WeixinJSBridge.invoke( 'getBrandWCPayRequest', { ap原创 2021-04-25 15:10:56 · 220 阅读 · 0 评论 -
微信公众号支付缺少参数问题
最近在做微信公众号支付的内容。调用微信公众号给出的支付方法发现总是报这样一个错误:调用微信支付JSAPI 缺少参数 appId。检查了很久,还是没发现问题在哪里。于是只好采用微信支付的另一种方法:WeixinJSBridge.invoke( 'getBrandWCPayRequest', { appId:"wx91a35b0aab1aefb7", ...原创 2021-04-13 09:23:49 · 1908 阅读 · 0 评论 -
微信服务号的开发测试
刚开始开发微信服务号的时候,不知道怎么使用微信开发者工具测试,每次只能打包给后台,上传到服务器上去测试。蛋疼的很。后来才搞懂了。微信开发者工具也是可以测试的,效果还很好,之前没解决的问题,用微信开发者工具测试之后果然很好的解决了。方法:1.运行你的程序,然后在浏览器上拷贝这个地址。2.打开微信开发者的公众号网页开发界面。把地址拷贝在最上方的地方(没方进入之前显示的about:blank)。...原创 2021-04-09 14:06:46 · 494 阅读 · 0 评论 -
div 添加一个点击方法和点击赋值。
给div 添加点击方法使用 v-on:click="functionName" 方法。其中functionName是方法名。给div添加一个点击赋值的方法,v-on:click="selectIndex = 0"v-on:click="selectIndex = 1"v-on:click="selectIndex = 2"v-on:click="selectIndex = 3"其中selectIndex 是变量,表示点击div时候 ,给selectIndex 赋值。可以根据不同的d.原创 2021-04-06 15:49:28 · 695 阅读 · 0 评论 -
vue中created和mounted方法没执行
今天大意了,自己给自己整了一个问题,created方法和mounted方法没执行。以为出了什么问题呢,原来是自己不小把这两个方法写到methods里面去了。正确的是这两个方法是在外面的。搞乌龙了。记一下,下次不要再犯这种错误。...原创 2021-04-06 15:37:35 · 1728 阅读 · 0 评论