vue+element基础上进行的封装 小伙伴有需要直接带走就改改就好父元素<template><div><P @click="showUpLoad=true">点击我</P><upload :visible.sync="showUpLoad" @uploadImg="uploadImg" /></div></templ

项目要求封装一个有赞魔方矩阵类型的插件，我当时内心是拒绝的费尽周折查阅很多资料才找到靠谱的方法，下图为效果，因为没有几行代码就直接在csdn上分享了解决思路为：1、一共两层底下层添加自定义属性 y x 确定每一块元素的几行几列；2、知道点击的是几行几列之后计算出单个单元格的宽，上层通过定位实现；记得在确定的时候做个判断 当前选中是否和其他冲突上代码<template><div c

组件组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。组件是可复用的 Vue 实例。1.局部注册new Vue({el...components:{组件名称:{template:"组件的模板内容"}}})使用：在挂载点内以<组件名>这样的方式来使用组件，在挂载点内组件名称的地方，vue解析之后就会把组件的template模板中

在vue中 更改数组和对对象 但是页面不重新渲染在这个确实已经更改数据成功了 但是vue没有重新渲染页面，好像没监听到数据改变一样这时候最粗鲁的做法是在更改数据之后强行触发vue重新渲染页面this.$forceUpdate();对象操作未渲染<div id="box"><h2> {{obj.name}}--{{obj.age}} </h2><button

nuxt3 一套代码适配 web端移动端

iOS方案：使用原生占位（仅App端支持）uni官方论坛上有些方法很不错manifest.json 文件 app-plus 节点下配下 safearea"safearea": {"background": "#CCCCCC","bottom": {"offset": "auto"}}那么我们使用uni-app写兼容APP多端和小程序的时候 使用uni-app原生的tarbar的话就已经做过适配了

效果图实现原理通过 uni.createSelectorQuery 获取dom节点距离顶部的距离再通过uni.pageScrollTo 滑动页面HTML//NAV部分<view class="" v-for="(item,index) in 数组" :key="index" @click="point(index)"><text>{{item.name}}</text

// #ifdef APP-PLUS//定位没有开启时提示用户是否开启switch(uni.getSystemInfoSync().platform){case 'android':安卓机型太多目前还没找到合适的方法 有安卓方法的可以评论break;case 'ios':方法1// plus.nativeUI.confirm("定位权限没有开启，是否去开启？", function(e) {//if

使用uni-app 写APP的时候我们使用进行图片转base64的时候会出现这是我的写法的报错但是官网这个API明明是支持APP的为什么会出现这种问题呢查阅万千资料唯一说得过去的原因是因为我使用的是hburder H5这个api不支持H5…最后换了一种方式用arrayBufferToBase64方法终于实现了 uni-appApp端的图片转换话不多说 上代码uni.chooseImage({cou

瀑布流实现效果实现思路同样采用常见的两栏瀑布流布局，分别用数组goodsLeftList和goodsRightList储存左右两栏要渲染对象，初始化时，加载一张图片，然后依次把图片加到栏高更低的一栏中。 主要使用的是image的@load事件。每次通过计算放入左右列表 保存所有对象的数组将该对象删除图片加载完毕触发下个模块实现懒加载的效果代码理解<view class="waterfall_