
vue
mqy1023
https://github.com/mqy1023
展开
-
vue项目中radio/checkbox无法选择的问题
之前写过一遍《vue通过后端返回值动态生成表单及动态表单的数据提交》提交动态表单数据没有问题。但是要更新数据,请求后端数据渲染表单并赋值后,发现radio/checkbox等组件无法手动选中,排查知道原因是双向绑定失效一、复现问题1、正常的情况<van-checkbox-group v-model="result" :max="2"> <van-checkbox name="a">复选框 a</van-checkbox> <van-checkbo原创 2022-01-24 18:34:25 · 3741 阅读 · 0 评论 -
vue通过后端返回值动态生成表单及动态表单的数据提交
主要解决的问题1、vue在循环的时候需要动态绑定不同的v-model;vue动态的表单,数据怎么绑定呢?2、动态表单上所有name属性对应的键值对的形式提交到后端一、后端返回的数据,提交到后端的数据格式如下:// 后端返回的数据,根据返回类型用对应的组件[ { "componentType": "input", "componentName": "username", "required": "1", // 提交时是否要必须填写 "name": "姓名原创 2021-12-26 23:46:49 · 7420 阅读 · 4 评论 -
vue2和vue3的todolist比较
一、vue2的写法<template> <div id="app"> <input type="text" v-model="val" @keyup.enter="addTodo"> <ul> <li v-for="todo in todos" :key="todo.id">{{todo.title}}</li> </ul> </div></template&原创 2021-10-18 15:23:59 · 169 阅读 · 0 评论 -
uniapp 使用subNVue原生子窗体解决web-view等原生页面中弹框无法显示的问题
问题: 使用web-view或者video组件时,h5端的编写的fixed布局或其他popup弹框页面无法显示解决方案:使用subNVue这个原生子窗体的方法去解决APP端打开弹窗显示弹窗被覆盖注意事项: 1、subNVue这个原生子窗体的后缀必须是.nue2、样式不支持scss,只能一个个样式.className {} 不能嵌套3、subNVue只支持在手机上运行官方:uni-app subNVue 原生子窗体开发指南一、创建一个shareSubNVue文件夹,文件夹下创建一个p.原创 2021-10-12 18:45:50 · 4009 阅读 · 2 评论 -
axios的二次封装
1、请求拦截(往请求头部加公共部分参数)2、响应拦截(正常访问、登录掉线、异常等处理)3、错误统一处理4、可取消网络请求(如:切换页面,取消原页面上未完成的网络请求)一、axios封装如下:// request.js文件import axios from 'axios'import qs from 'qs'import router from '../router'// 定...原创 2019-11-12 18:06:55 · 491 阅读 · 0 评论 -
app端 h5 页面兼容性问题和解决方案
原文链接 (https://www.toutiao.com/i6751364844672254478/)最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿的公司页面,所以下文涉及图片都模糊处理了。一、ios端兼容input光标高度问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的...原创 2019-10-25 13:44:39 · 7341 阅读 · 0 评论 -
Vue相关
1、https://vuex.vuejs.org/zh/2、https://jsfiddle.net/n9jmu5v7/1269/3、https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart原创 2018-11-05 15:52:11 · 221 阅读 · 0 评论 -
vue h5页面中输入框软键盘顶起页面导致vant组件不能正常使用的解决方案ios
可能出现的问题:1、input输入框关闭软键盘后,页面没有往下弹出来3、使用vant的dialog或者popup等组件时,因为ios端h5页面距离改变了的原因,导致点击按钮无效在app.vue的created()周期中加入如下代码, 失焦后将页面回到顶部 // ios页面输入框失焦要页面重置到顶部 if (this.$isIos()) { // 判断是否是ios端 le...原创 2019-09-26 15:51:36 · 9718 阅读 · 4 评论