- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue2和vue3混用如何数据共享，vue3中获取vue2数据，vue2获取vue3数据
因为setup本质就是一个vue实例的生命周期函数，因此vue2获取直接通过this访问vue实例即可获取vue3定义的数据。vue3获取vue2则需要getCurrentInstance获取当前组件实例，从而获取vue2里的数据。如果script拆分开的话vue3获取vue2的数据还是一样的方法，但是vue2获取vue3的比较麻烦。可能需要定义公共状态实现共享（如store，全局global等），就不演示了。tips：接受批评，并期待好的解决方案，与君共勉。
2024-03-06 10:49:36
670
原创 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection‘)
Element UI 的Table组件默认多选时报错解决办法如下
2024-01-06 15:20:44
1977
1
原创 vue3警告： [Vue warn]: Component inside renders non-element root node that cannot be animat
愿所有工程师不因AI的逐渐强大而焦虑，要坚信，能替代我们的，只有我们自己的惰性和停滞不前~~
2023-04-26 21:45:49
639
原创 uniapp实现侧边导航联动效果
功能的核心技术要点：scroll-view作为视图容器，及其属性scroll-into-view,用于完成左侧点击联动uni.createSelectorQuery().selectAll();获取右侧所有元素信息，获取top值存入数组，用于计算滑动时需要的联动实现效果如下：实现代码如下，直接copy，具体样式按需调试<template> <view class="bodys"> <view class="scroll_box" id="scroll_box"&
2021-09-07 16:03:11
3850
2
原创 UniApp or Taro技术选型对比
公司要做一套电商类小程序（多端），前端技术这块在uniapp和taro之间做选择，为此做了一次调研，顺便发表一篇博客，希望能帮助到广大开发者，哈哈哈哈，好了，不吹了技术层面均支持使用 npm/yarn 安装管理第三方依赖均支持使用 ES6 甚至更新的ES规范均支持使用 less/scss/ts 等预编译器uniapp使用 Vue.js 开发所有前端应用的框架支持可视化构建（HBuildX）和npm or yarn 命令构建开发工具：自家HBuildXtaro支持使用 React/Vue
2021-09-06 16:26:20
4181
1
原创 小程序，当前页面向上一个页面传值
话不多说，直接上代码，供有需要的开发者直接“CV”直接在当前页面的方法内，写如下代码let currentPage = getCurrentPages(); // 获取当前页的数据，let previousPage = currentPage[pages.length - 2]; // 上一页的数据，previousPage.setData({ //对上一个页面data中的参数进行赋值（上一个页面的数据是在当前页面进行赋值的），就变相实现了向上一个页面传值 test1, test2, test
2021-05-14 17:54:43
418
原创 Typescript基础数据类型
1.布尔值let isDone: boolean = false;相比于js变量后面冒号是用于定义类型的usDone的类型是boolean类型2.数值let num1: number = 6;let num2: number = 0xf00d;let num3: number = 0b1010;let num4: number = 0o744;TypeScript除了正常的整数，浮点数，还支持十进制,十六进制，二进制和八进制字面量。3.字符串let str: string = "h
2021-05-08 13:14:51
540
1
原创 扫码进入小程序页面无法获取参数？
在小程序中通常页面之间传递参数，获取时只需要options.参数名就可以获取该参数但是在扫描小程序码进入到页面不能获取，提示参数名undefined导致这个问题的原因是因为进入小程序分不同的场景，扫码进入页面的options里并不是直接就是携带的参数，如下图打印options,外层包裹了scene,并且待获取参数是encodeURIComponent()编码后的字符串然后解码并重构数据获取即可附赠url参数获取方法（其实网上一搜一大堆）：const GetQueryValue = (urlStr
2021-04-26 16:45:31
3758
1
原创 小程序在安卓上返回到上一个页面无法触发onLoad，以至于无法请求接口获取数据
最近公司小程序线上出现了个问题，在首页跳转到二级页面，再返回首页无法触发首页的onLoad，以至于无法请求接口获取数据。刚开始我还以为是网不好呢（因为只有安卓的部分机型有这个问题）。官方文档也找不出个有用的解释，相关的博客也是少之又少。（还没太大帮助）。于是去社区提问并期待官方的回应。官方回应是：导航栏的返回触发后，回到上一个页面不会触发onLoad，只能触发onShow。但是我的开发工具，iOS手机并未出现这样的问题，我也很费解问题的根本原因。（应该是小程序不够完善吧，哈哈哈哈）其实我也没什么好的
2021-04-12 17:36:57
304
原创 vue3 之 teleport
关于teleport官方文档也有详细说明，只是。。。文档嘛，描述过于官方，用词过于抽象，生晦难懂。于是结合自己的看法简单直白的捋一下。teleport的作用说得直白些就是让组件移动到几乎任意真实dom节点实际的应用场景官方文档也有举例，我就不多说了下面请看最直白low B的代码父组件<template> // 为了更直观多嵌套几个div <div> <div> <div>
2021-03-29 16:51:07
370
转载 如何成为一名卓越 (great) 的前端工程师的
注：本文转载自（如何成为一名卓越 (great) 的前端工程师的）看过之后非常有感触，很多观点都是自己长期以来非常坚持和认同的，所以翻译出来分享给更多的前端同学！Action最近我收到一封读者来信让我陷入了思考，信是这么写的：Hi Philip，您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的？对此您有什么建议吗？我不得不承认，我很惊讶被问这样的问题，因为我从来不觉得自己是个很卓越的前端工程师。甚至我入行头几年时并不认为自己可以做好这一行。我只确定自己比自己想象中还才疏学浅，而
2021-03-24 13:50:12
137
原创 Vue3 报错：[vue/no-multiple-template-root] The template root requires exactly one element
vue3.0支持<template/></template>标签下放不止一个根元素用最新的Vite构建项目，默认的APP.vue里的代码如下代码可以正常运行，但是VScode报错提示：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue原因是Vetur插件还没有更新如果和我一样有强迫症，暂时的解决办法就是设置 -> 搜索：esl
2021-03-22 16:40:56
18562
7
原创 Vue3 环境搭建&初步尝试
*注 : 本篇博客为原创，编辑不易，转载请注明出处本篇博客已windows为例首先全局安装vue-cli3.0级以上版本npm install -g @vue/cli安装后，用vue-cli快速构建一个Vue项目（项目名随意，这里我用的是：preliminary_attempt_vue3） vue create preliminary_attempt_vue3如下图所示，选最后一项自定义配置这里我选的几项默认配置如下图所示继续往下进行，Vue的版本选3.0，剩下的选项自己酌情而定或者
2021-03-17 16:40:13
355
原创 外部h5跳转到小程序
*注：本章教程为：结合官方文档和实际开发中探索的一点浅薄经验的记录，希望能帮助开发者们，谢谢~Action：微信内部的h5页面可以采用开放标签进行跳转感兴趣的伙伴请自行到官网查阅本文主要讲用小程序云开发的静态托管实现，外部浏览器的h5跳转结合官方文档，我们先来编写h5的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equ
2021-02-26 14:25:47
1736
3
原创 Vue之nextTick的用法
首先我们需要知道：Vue是异步渲染date改变之后，Dom并不会立即渲染$nextTick会在Dom渲染之后被触发，从而获取最新的Dom下面先看没有用$nextTick方法获取刚更新的Dom<template> <div> <button @click="newAdd">新增+</button> <!-- ------------------------------- --> <
2021-02-22 16:06:09
206
原创 按照设计稿写的元素间距不准确？？？
问题的原因其实就是文本的内容没有设置行高如上图所示，蓝色被选中部分上下有个细微的距离只需要设置 line-height;属性即可，属性值为想要的文本高度（只作用于块级元素）这个是加了line-height 属性的，可以看出，上下几乎没有距离这样在设置margin之类的元素之间的距离就不会有误差了...
2021-02-04 11:12:31
183
原创 Vue原理之使Object数据具备“可观测”
Vue中数据的每次读和写能够被监听到，并渲染视图，即我们能够知道数据什么时候被读取了或数据什么时候被改写了，我们将其称为数据变的‘可观测’。要将数据变的 ‘可观测’ ，我们就要使用js中的 Object.defineProperty 方法了，下面我们就使用这个方法使数据变得“可观测”。首先，我们定义一个数据对象 peoplelet people = { 'name': 'YQL', 'age': 25, 'gender': 'man'}然后是当该对象属性被访问或是修改，向
2021-01-31 15:37:13
290
原创 VScode IDE 设置背景图片
VScode IDE 设置背景图片注意！！!如果设置失败，请杀掉vscode进程，以管理员身份运行，并重新配置即可1.下载background插件2.配置如图所示在设置里输入插件名（background）background：style 那一行的json编辑点进去3如下配置即可这是代码 "background.style": { "content": "''", "pointer-events": "none", "position": "
2021-01-31 11:43:48
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人