随笔分类 - Vue
摘要：基于 Vue2 + Vant2 组件库实现 ： 废话不多说，直接看代码 ： 主要代码 ： methods: { // 上传图片之前的操作 beforeRead(file) { let arr = file.name.split('.'); let fileType = '.' + arr[arr.l
阅读全文
摘要：1、在utils文件夹中新建utils.js /** * 通用js方法封装处理两种方式 * Copyright (c) 2019 ruoyi */ /** 第一种方式*/ function myFun() { console.log('this is my function') } function
阅读全文
摘要：在vue2和vue3的官方文档里都写到不推荐 v-if 和 v-for 同时使用，如下代码所示： <li v-for="todo in todos" v-if="!todo.isComplete"> {{ todo.text }} </li> 一、vue3文档：列表渲染 | Vue.js 在vue3
阅读全文
摘要：Vue 开发必须知道的 36 个技巧【近1W字】 React 开发必须知道的 34 个技巧【近1W字】
阅读全文
摘要：1、在main.js中添加 import ctpRouter from '@/ares-ui-extend/CtpRouter'; Vue.use(ctpRouter, router); 2、添加相应的代码 在src的目录下添加 ares-ui-extend 的文件夹 ares-ui-extend
阅读全文
摘要：photo-sphere-viewer
阅读全文
摘要：vue实现海康ws协议的实时监控播放: vue集成海康h5player实现播放
阅读全文
摘要：vue2官网：https://v2.cn.vuejs.org/v2/guide/ vue3官网： https://cn.vuejs.org/guide/introduction.html
阅读全文
摘要：<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width=
阅读全文
摘要：这里最重要的是括号里面的第一个参数 this ，例如改变 data 中的 selectedOrg 的 selectArr 属性值： this.$set(this, 'selectedOrg', selectArr);
阅读全文
摘要：随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架，它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中，权限控制是至关重要的一部分，如何在 Vue 中进行权限控制就成为了一个十分关键的
阅读全文
摘要：vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo
阅读全文
摘要：区别： 1、query用path编写传参地址，而params用name编写传参地址； 2、query刷新页面时参数不会消失，而params刷新页面时参数会消失； 3、query传的参数会显示在url地址栏中，而params传参不会显示在地址栏中。 vue中query和params的区别是什么 que
阅读全文
摘要：https://blog.csdn.net/hum1108/article/details/111480132
阅读全文
摘要：如何通过$router.push传参数 下面通过A页面向B页面传值来举个例子： //A页面: this.$router.push({ name: '页面B', params: { data: '我是要传递的参数' } }) //B页面拿到传来的值: this.data = this.$route.p
阅读全文
摘要：不能写成www.baidu.com，需要写成https://www.baidu.com
阅读全文
摘要：首先，我们来认识下三个深度选择器： >>> :原生css 在没有less/scss时使用 /deep/ :less ::v-deep :scss 如果使用了预处理器都可以使用这个（推荐）
阅读全文
摘要：vue中的虚拟DOM原理： https://blog.csdn.net/weixin_43924228/article/details/106586783
阅读全文
