本文实例讲述了vue v-for循环重复数据无法添加问题解决方法。分享给大家供大家参考，具体如下： 问题： 错误提示如下：解决问题的代码示例： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com vue v-for循环重复数据无法添加问题</title><style></style><script src="vue.js"></script><script></script> </head> <body><div id="box"><input type="button" value="添加" @click="add"><ul><l...
一、前言相信做过微信小程序开发的人应该都碰到过这个问题，因为这个需求实在太常见了由于textarea是属于原生组件，层级最高，不管在页面中我们设置z-index值多少都会被textarea组件遮挡住，很影响用户体验， 目前官方对该问题还没有修复，当然官方也给出了解决该问题的其他方案，使用cover-view和 cover-image替代，但个人感觉并不是很好，有一些限制 二、使用场景及解决方案1、弹窗显示2、底部fixed定位的按钮，页面滚动时，例如...
写在前面： 传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 Vue router如何传参 params、query是什么？ params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做params query：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。 路由界...
前言 最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default {data() {return {form: {}}}, }从后端接口得到 checkList，这个就是动态生成的表单数据v-for 循环 checkList，得到 key，然后直接 v-model=“form.key” 动态生成 form 里面的 key...
本文实例讲述了微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法。分享给大家供大家参考，具体如下： 在小程序控制台开发中遇到提示: warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance. 警告提示如下图所示：查找资料与查看官方文档发现原因大致如下： 官方解释： wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列...
前言 Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下：npm install vue-i18n --save然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到以下情况：Value of key xxx is not string! Cannot translate the value of keypath xxx. Use the value of keypath as def...
几乎每一个开发用于微信公众号页面的工程师都遇到过微信jssdk报的各种错误，通常是permission denied，类似这样：通常他们会建议你把debug选项开开，比如这样：wechat.config({debug: true,appId: appId,timestamp: timestamp,nonceStr: nonceStr,signature: signature,jsApiList: [scanQRCode],});结果你又遇到了invalid signature。类似这样：签名不对，这是什么意思？可是这签名是后端给过来的，我怎么知道它为什么不对？后端用...
本文实例讲述了微信小程序出现wx.getLocation再次授权问题的解决方法。分享给大家供大家参考，具体如下： 首先，在page外定义一个公共函数用于发送获取位置的请求 var getLocation = function (that) {wx.getLocation({type: wgs84,success: function (res) {// 经纬度var latitude = res.latitudevar longitude = res.longitudevar aK = that.data.aKwx.request({url: https://api.map.baidu.com/geocoder/v2/?ak= + aK + &locati...
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码：methods: {textTranslate: function (text, to) {$.ajax({url: http://openapi.youdao.com/api,type: post,dataType: jsonp,data: {q: text,appKey: this.appKey,salt: this.salt,from: this.from,to: to,sign: md5(this.appKey + text + this.salt + this.key)},success: function (data) {this.$set(this.$data, translatedText, data.translation[0]...
本人webpack版本3.6，webpack-dev-server版本2.9.1，本人按照网上写的版本折腾两天都没通，无意间自己试通了，猜测网上大部分都是照本宣科，没有自己实践 webpack配置接口地址代理在项目开发中，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问链接，但是我们的接口地址是 http://www.xxx.com/save/post 这样的，我们这...
项目用run dev build 打包后，发现很多图片都不显示，在本地是没有问题的啊！找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。因为我们的图片路径都是经历过文件夹的，在本地引用图片是绝对路径，但打包后因为把配置的static文件夹当成了根路径，所以很多图片找不到都不显示。 解决办法如图： (1).修改 assetsPublicPath: ./ (2).打开webpack.prod.conf.js，在output：增加 publicPath: ./虽然解决了资源路...
前言 element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。 在开发vue框架项目时，引入element插件，使用table表格组件时，遇到了一些问题，以下列出以供参考。1.表格样式问题：混乱样式.png正常样式.png 如上图，在当前导航表格table样式是没问题的，但当我点击别的导航去到另外的页面，然后再回到之前的导航页面，表格table的样式就会混乱，随便点击当前页面或刷新亦或拉伸页面，样式又恢...
前言 在前端平常的业务中，无论是官网、展示页还是后台运营系统都离不开表单，它承载了大部分的数据采集工作。所以如何更好地实现它，是平常工作中的一个重要问题。 在应用Vue框架去开发业务时，会将页面上每个独立的可视/可交互区域拆分为一个组件，再通过多个组件的自由组合来组成新的页面。例如<template><header></header>...<content></content>...<footer></footer> </template>当用户的某个行为触发表单时（例如注册、建立内...
最近工作上遇到了这样一个Bug：“vue微信分享出来的链接点开是首页” 公司网站有PC端和移动端，两个版本。其中如果手机访问PC端，则自动跳转到移动端。（这是常规操作，没啥稀奇点。） 可神奇的问题来了。 在移动端中有微信分享功能，如果手机直接访问手机端的地址进入子页面分享，点开分享的链接进入的是子页面。但是如果是从PC端跳转进入手机端，分享子页面链接打开将会是主页。 这个问题我也百度了各种方法，折腾了一天，然而都...
懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。 简单的说就是：进入首页不用一次加载过多资源造成用时过长...