vue3.0
_无妻徒刑
我很懒,还没有添加简介
展开
-
vue3警告: [Vue warn]: Component inside renders non-element root node that cannot be animat
愿所有工程师不因AI的逐渐强大而焦虑,要坚信,能替代我们的,只有我们自己的惰性和停滞不前~~原创 2023-04-26 21:45:49 · 459 阅读 · 0 评论 -
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 · 3161 阅读 · 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 · 3753 阅读 · 1 评论 -
vue3 之 teleport
关于teleport官方文档也有详细说明,只是。。。文档嘛,描述过于官方,用词过于抽象,生晦难懂。于是结合自己的看法简单直白的捋一下。teleport的作用说得直白些就是让组件移动到几乎任意真实dom节点实际的应用场景官方文档也有举例,我就不多说了下面请看最直白low B的代码父组件<template> // 为了更直观多嵌套几个div <div> <div> <div>原创 2021-03-29 16:51:07 · 322 阅读 · 0 评论 -
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 · 17327 阅读 · 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 · 255 阅读 · 0 评论