weixin_44387725的博客

最近写项目时发现一个问题, 返回的formDesc对象为展开的数据顺序和展开后的数据顺序不同, 导致我前端渲染实际是按未展开时的数据顺序渲染,(实际上是后端数据逻辑处理错误并返回)实际上后端返回的数据如下:也就是浏览器数据未展开时的数据下面展示一些 内联代码片。/{ "msg": "操作成功", "code": 200, "data": { "tpId": "f64250c1-a7a5-4020-a5b6-8142f2c2ae39", "tpN

vue 多个子组件内弹窗层级显示问题问题是vue 父组件调用多个子组件元素内的弹窗显示层级混乱冲突问题父组件调用的box子组件,子组件内调用自定义的dialog弹窗层级混乱效果如下由于html下无论dialog弹窗的层级是多少都会按父元素的层级来计算, 所以box6的层级大于box3的层级,导致弹窗显示层级低于box6,如果只有box3的子组件有弹窗的话,最简单的办法就是提高box3的层级就可以解决,但同时我的box6子组件也有弹窗,所以冲突解决办法方法一:第一种解决办法就是把dial

Vue Dialog 中el-select 和el-date-picker选择后不展示选中内容,遇坑记录直接放代码<el-select v-if="item.type == 2" v-model="searchObj[item.field]" :placeholder="item.placeholder ? item.placeholder : ''" :style="{ width: item.width ? item.wid

最近vue项目需要个移动端的tree,需求比较奇葩,所以找了半天比较人性能自定义的tree组件,最后发现vs-tree自定义还可以,但是用的人比较少,缺陷还待完善先放上原文档github vs-tree点这里大家可以照着看我的需求是父子组件不关联,并实现全选控制,效果图如下图1: 这是只选择上级部门的选中状态,已经是取消父子关联了图2: 这是全选部门效果.无效方法:(都是失败方式,这里就不放代码了)思路(1):原本我是想当我点击全选的时候控制打开父子关联并实现选中最上级父级状态.也尝试过,

Vue 页面中list列表scrollTop滚动条缓存我的list列表用的是 vant 组件 , 首先找到外包的盒子给ref = ‘lists’<div class="list-scroll" ref="lists"> <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading"

一、Vue入门基础知识1、Vue使用的基本操作i. 先下载，引入vue.jsii. Vue，实例化一个vue实例化对象（new Vue({})） 1. 新建一个vue实例化对象（Vue是一个构造函数） 2. 执行vue构造函数中每一句代码 3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象（Vue实例化传...

全局组件和局部组件* 1.先定义组件 Vue.component('组件名', { 组件模板对象 })* 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写* 例如: 组件-->mtText 使用时--> <my-text></my-text>* ...

一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、...