vue
cassielstc
成长中……
展开
-
vite构建如何兼容低版本浏览器
在使用vue3和vite4+开发一个移动端H5,低版本的手机浏览器不支持加载,显示白屏。高版本的可以正常加载。原因是很多。原创 2024-05-30 16:58:38 · 468 阅读 · 0 评论 -
命令行操作删除node_modules
不支持vscode 请使用cmd进行命令操作第一步:安装删除工具 npm install rimraf -g第二步:使用删除命令 rimraf node_modules原创 2022-04-01 16:52:10 · 369 阅读 · 0 评论 -
vue2中的router-link
1.router-link<router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址,默认渲染为带有正确连接的<a>标签,可以通过配置tag属性生成别的标签。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的css类名router-link属性有:to 、replace、 append、 tag、 active-class、 exact 、 event、 exact-active-class1.1 to(必填参数)表示目标路转载 2022-03-15 16:28:55 · 611 阅读 · 0 评论 -
vue实现页面局部刷新
1.修改app.vue文件<template> <div id="app"> <router-view v-if="isRouterAlive"/> </div></template><script>export default { provide(){ return{ reload:this.reload } }, data(){ return{ is原创 2022-03-01 11:21:48 · 1139 阅读 · 0 评论 -
扁平数组转JSON树结构
扁平数组转JSON树结构data() { return { treeData:[ {id:1,orgName:'我是根元素',parentId:'0'}, {id:2,orgName:'我是根元素的子元素1',parentId:'1'}, {id:3,orgName:'我是根元素的子元素2',parentId:'1'}, ] }},methods:{ //扁平数组转树原创 2022-01-05 09:07:46 · 597 阅读 · 0 评论 -
vue组件通信方式
1.props/$emit简介props: props可以是数组或对象,用于接收来自父组件通过v-bind传递的数据。当props为数组时,直接接收父组件传递的属性;当 props 为对象时,可以通过type、default、required、validator等配置来设置属性的类型、默认值、是否必传和校验规则。$emit: 在父子组件通信时,我们通常会使用 $emit来触发父组件v-on在子组件上绑定相应事件的监听。代码实例下面通过代码来实现一下props和 $emit的父子组件通信,在这个实例转载 2021-12-21 17:09:35 · 76 阅读 · 0 评论 -
vue中利用路由meta控制页面是否需要登录
开发时经常会遇到有的页面需要登录之后才能进去,有的页面则不需要登录,我之前都是在需要登录的页面的created里面取判断有没有登录,最近发现这样做其实并不优雅,因为下次还有页面需要登录,那判断登录的代码又要重新写一遍可以在路由上标记需要登录的页面,然后在beforeEach的钩子函数里面去判断是否要判断登录定义路由的时候可以配置meta字段const router = new VueRouter({ routes: [ { path: '/foo', compone转载 2021-12-08 09:55:49 · 381 阅读 · 0 评论 -
vue 两个同级页面中如何调用另一个页面的方法
vue 两个同级页面中如何调用另一个页面的方法1.新建一个js文件import Vue from 'vue'export default new Vue;2.两个页面中引入此文件import util from '../util'3.如何调用①调用方法页面methonds:{ functionA(){ //函数名字 参数 util.$emit('list','list') }}②别调用方法页面methonds:原创 2021-06-29 15:55:17 · 808 阅读 · 0 评论