
vue
Winston_Mo_
New York City Long Island University Brooklyn computer science
展开
-
JS数组中every, some, filter, map方法
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,剩下的元素不会再进行检测,如果所有元素都满足条件,则返回 true。如果数组中检测到有一个元素满足,则整个表达式返回 true ,剩下的元素不会再进行检测,如果没有元素都满足条件,则返回 false。第一个参数:数组的元素。第二个参数:数组的下标。第一个参数:数组的元素。第二个参数:数组的下标。第一个参数:数组的元素。第二个参数:数组的下标。第一个参数:数组的元素。第二个参数:数组的下标。第三个参数:整个数组。第三个参数:整个数组。原创 2022-09-09 13:42:40 · 605 阅读 · 1 评论 -
vue3 keep-alive
vue翻译 2022-07-27 15:34:07 · 409 阅读 · 0 评论 -
ES6找到数组下标
虽然代码简介,但是只能查找第一个,有的地方就是需要第一个就够了,如果有重复的话,就可以采用第一种方法。很多时候后端返回int类型而不是string类型需要下标。js写法就很鸡肋了。原创 2022-07-18 15:32:57 · 3102 阅读 · 0 评论 -
vue3 ref查找dom元素,解决ref无法获取dom元素的问题
vue3.2原创 2022-06-15 16:28:54 · 1639 阅读 · 0 评论 -
vue3高德地图
目前而言,对于高德地图 api 的使用看到过三种方式: 引入 @amap/amap-jsapi-loader 引入 vue-amap 引入原生的高德地图 api 目前官方文档写的很烂 网上教程更烂尤其是某dn 国内的教程环境现在非常差 通过同事三人的研究 终于弄出来了1. 安装依赖并引入pnpm install @amap/amap-jsapi-loader然后在 components 下创建 Amap 组件并且引入之import AMapLoader fr原创 2022-05-19 10:55:57 · 1321 阅读 · 1 评论 -
van-dialog 组件调用 报错
vue3 vant 的dialog和别的插件不一样组件调用 要引入组件才行 只import根本不行文档上下都有详细说明上面这个是vue2的写法下面展示vue3语法糖原创 2022-05-10 10:34:52 · 2293 阅读 · 0 评论 -
用for in或for of给js对象数组赋值
js对象数组赋值原创 2022-04-25 15:07:17 · 1749 阅读 · 0 评论 -
Vue util工具
import { Message } from 'element-ui'import moment from './moment'import settings from '@/settings'// 请求urlconst baseURL = settings.baseUrl// 通用下载方法export function download(fileName) { window.location.href = baseURL + '/common/download?fileName='.原创 2022-04-14 10:48:28 · 402 阅读 · 0 评论 -
vscode 保存自动eslint格式化
网上太多垃圾教程 本次来个高质量教程1.三大组件下载好2.vscode 文件==>首选项==>设置右上角选择 settings.json2.setting.json设置{ // tab 大小为2个空格 "editor.tabSize": 2, // // 保存时格式化 "editor.formatOnSave": true, // // 开启 vscode 文件路径导航 "breadcrumbs.enabled": true, /原创 2022-03-30 23:02:11 · 573 阅读 · 0 评论 -
vue3点击当前动态增加class,其他同级不变
1.在v-for下点击当前元素 动态变化,其他同级元素不变vue2代码html <div class="weui-mask" id="guige"> <div class="guigeBox"> <p class="guigeTitle">{{guigeName}}</p> <p class="guig.原创 2022-03-04 15:41:04 · 6033 阅读 · 0 评论 -
判断时间间隔算法
const array = ref(true)const onConfirm = (values:any) => { const [start, end] = values // 获取选择的时间 const start_time = dayjs(start).format(FORMATTER_DATE) const end_time = dayjs(end).format(FORMATTER_DATE) console.log('values1', start_time) .原创 2022-02-24 15:54:59 · 329 阅读 · 0 评论 -
元素隐藏五种方法
CSS隐藏元素五种方法_wsq0的博客-优快云博客_隐藏元素原创 2022-02-17 11:20:57 · 213 阅读 · 0 评论 -
Vue3.2的setup语法糖
1、基本使用在vue3.2中我们不再需要进行return,当使用<script setup>的时候,任何在<script setup>声明的顶层的绑定 (包括声明的变量,函数声明,以及 import 引入的内容) 都可以在模板中直接使用,这是因为在setup函数中,所有的ES模板都被认为是暴露給上下文的值,并包含在setup()返回对象中。这里面的代码会被编译成组件setup()函数的内容,这也就意味着与普通的<script>只在组...原创 2022-02-10 11:11:07 · 744 阅读 · 0 评论 -
Vue3 setup语法糖使用深入版
1.组件1.1组件引用组件在props里直接引入就可在template里直接使用,无需再进行注册。<template> <div class="box"> <!-- 子组件引用 --> <v-child></v-child> </div></template><script setup>// 引入后无需注册import vChild from '../compone...原创 2022-02-10 10:32:13 · 882 阅读 · 0 评论 -
【无标题】Vue3 setup语法糖使用基础版
1. 新生命周期(setup) (1)使用生命周期必须在vue实例中引用,销毁实例变为onUnmounted,与vue2的destroy作用一致 <script setup> import {onMounted,onUnmounted} from 'vue'//所有的生命周期用法均为回调函数onMounted(()=>{ console.log('我创建了'); })// 销毁实例变为onUnmounted,与vue2的destroy作用...原创 2022-02-10 10:26:49 · 807 阅读 · 0 评论 -
vue3 dayjs用法
安装dayjsnpm install dayjs --save导入js如果是全局导入 也可以页面单独导入在main.jsimport dayjs from "dayjs"Vue.prototype.dayjs = dayjs;//可以全局使用dayjs //date 为非格式化的时间数据dayjs(date).format('YYYY-MM-DD hh:mm:ss') ...原创 2022-01-26 11:20:48 · 3681 阅读 · 7 评论 -
vue3的setup script,ref,reactive通俗理解
1.ref实际上就是用来定义简单类型的可以是int string 或者数组等所有类型const name=ref("111")就能用很方便<script setup>import {ref,reactive} from 'vue'const name=ref(1)//数组const arr=ref([])</script>2reactive的定义也很简单<script setup>import {ref,reactive}原创 2022-01-19 13:31:48 · 871 阅读 · 0 评论 -
vue中export和export default的使用
五、vue中export和export default的使用 - 十色 - 博客园一、 <script> export default { name: 'HelloWorld' } $(function () { alert('引入成功'https://www.cnblogs.com/fger/p/11994968.html原创 2022-01-19 09:19:59 · 650 阅读 · 0 评论 -
箭头函数()=>
ES6---箭头函数()=>{} 与function的区别_刘欢的博客-优快云博客_()=>{}原创 2022-01-19 08:58:15 · 536 阅读 · 0 评论 -
Yarn 安装与使用详细介绍
参考Yarn 安装与使用详细介绍_NeverYu-优快云博客_如何使用yarn原创 2022-01-18 14:27:41 · 291 阅读 · 0 评论 -
搭建Vue3+vite项目
首先进入项目路径npm init viteok to proceed ==>yproject name==>项目名select==>vue下一步进入工作路径cd XXXnpm i 安装node_modules原创 2022-01-18 13:31:18 · 239 阅读 · 0 评论 -
node.js 安装详细步骤教程
node.js 安装详细步骤教程_老油条-优快云博客_node安装本机环境:Windows 10 专业版 x641、下载安装包Node.js 官方网站下载:https://nodejs.org/en/选择操作系统对应的包:下载完成,安装包如下:2、安装打开安装,傻瓜式下一步即可:选择安装位置,我这里装在D盘下:安装成功,文件夹结构...https://blog.youkuaiyun.com/antma/article/details/86104068...原创 2022-01-17 16:49:35 · 276 阅读 · 0 评论 -
nodejs的版本管理工具(nvm)
参考nodejs的版本管理工具(nvm) - 杵臼 - 博客园1.nvm是什么? nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。 为了解决node各种版本存在不兼容现象,nvm是让你在同一台机器上安装和https://www.cnblogs.com/antao/p/12543533.html...原创 2022-01-17 16:30:29 · 342 阅读 · 0 评论 -
移动端适配的js代码
移动端适配代码;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexible"]'); var dpr = 0; var scale =原创 2022-01-17 12:32:38 · 1571 阅读 · 0 评论 -
Vue-cli 安装vant插件
vant 官网https://vant-contrib.gitee.io/https://vant-contrib.gitee.io/第一步 项目目录下 cmdcnpm i vant -S 安装vant第二步向babelrc插件中引入vantcnpm i babel-plugin-import -D第三步,在babelrc插件引入vant配置"plugins": [ "transform-vue-jsx", "transform-runtime", ["..原创 2022-01-17 12:23:49 · 624 阅读 · 0 评论 -
vue Nodejs Cli 脚手架创建项目
第一步 项目命令创建vue init webpack 项目名Project name XXXX 项目名(非驼峰命名可以用_分隔) Project description 描述 Author 作者 install vue-router 一定要装 ESLint code 标准代码检测 可以No set up test 测试 No e2e 测试 No ...原创 2021-12-27 14:43:58 · 361 阅读 · 0 评论 -
nodejs安装cnpm淘宝镜像
通过npm安装cnpm,同时将镜像源设置为国内镜像1.命令npm install -g cnpm --registry=https://registry.npm.taobao.org或npm i -g cnpm --registry=https://registry.npm.taobao.org检查cnpm安装是否成功1.命令cnpm -v有东西出来就表示成功了...原创 2021-12-24 12:47:12 · 1036 阅读 · 0 评论 -
vue的新增与删除
<template> <div> <ul v-for="(item , index) in list" :key="index"> <li> {{item.serial}}--- <button @click="remove(index)">删除</button> </li> </ul> <input type="text.原创 2020-09-01 15:16:09 · 837 阅读 · 0 评论 -
vant底部导航点击两次才能更换样式的问题
最近项目中遇到的底部导航栏在组件必须点两下才可以更换样式的问题,贴出来分享一下。项目使用vantui的底部导航建一个footer.vue<template> <van-tabbar v-model="active" active-color="#07c160" inactive-color="#999"> <van-tabbar-item to="/"> <span>首页</span> <i.原创 2020-08-27 09:16:31 · 3061 阅读 · 1 评论 -
vue router自动根据移动端,PC端开启不同页面
1.在router中配置两个不同的路由地址入口{ path: '/loginPhone', name: 'loginPhone', component: loginPhone},{ path: '/login', name: 'login', component: _import('common/login')}详细版:import Vue from 'vue'import Router from 'vue-router'import Home from '原创 2020-07-10 11:58:34 · 1692 阅读 · 0 评论 -
部署node vue-cli项目 Sass报错问题解决
项目里的package.json文件下的 "node-sass": "^4.9.0" 加一个^然后项目里新建node_modiles文件 然后用webstorm 右键这个文件 选择mark director 选择excluded 最后 文件夹变成黄色意思就是 让编译器不识别这个文件然后安装cnpm 发现Sass报错使用cnpm install node-sass 或者npm install --save node-sass重新安装sass 问题解决...原创 2020-07-10 12:19:56 · 439 阅读 · 0 评论