摘要: 前言 之前一直用的是 vue-cli 的 2.x 的版本,现在 vue-cli 都已经升级到 4.x 的版本了,所以在此记录一下 vue-cli4.x 的搭建项目的过程。 之前自己也只是用 vue-cli 的 2.x 版本创建了一个项目,能跑起来就行了,对其中的很多东西都没有深入的封装,这次想借助 阅读全文
posted @ 2021-06-03 14:52 smil、梵音 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 做项目的时候,合理的使用插件,可以使我们达到事半功倍的效果,避免自己重复造轮子。 插件使用npm安装,平时也可以去 npm官网 搜索相关插件。 或者直接搜索:JavaScript 工具库 下面是自己做项目过程中,接触到的一些插件,仅限于自己目前的认知程度,后续可能会慢慢的不断添加相关插件。 vue- 阅读全文
posted @ 2021-05-14 15:24 smil、梵音 阅读(782) 评论(0) 推荐(0) 编辑
摘要: 基于 Vue2 + Vant2 组件库实现 : 废话不多说,直接看代码 : 主要代码 : methods: { // 上传图片之前的操作 beforeRead(file) { let arr = file.name.split('.'); let fileType = '.' + arr[arr.l 阅读全文
posted @ 2024-11-19 15:01 smil、梵音 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 在做echarts柱图的时候,有时候可能会有下转或者一些点击功能,一般会使用 myChart.on('click',function(){//执行代码}) 去实现功能,但是,有的时候,会出现某个柱子数据太少,可能会点不到,这是可以使用 myChart.getZr().on('click',funct 阅读全文
posted @ 2024-11-13 17:06 smil、梵音 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 目录 第一种方式: 第二种方式: 第三种方式: 第一种方式: 1、打开项目,在工程上右键,选择Show in Explorer; 如下图: 2、此时会打开本地的代码路径窗口; 如下图: 3、双击工程,会出现git目录文件夹; 4、双击进去git目录, 打开config文件夹; 5、文件里面的url 阅读全文
posted @ 2024-07-16 15:14 smil、梵音 阅读(1245) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2024-07-10 17:00 smil、梵音 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 百度搜: vconsole 阅读全文
posted @ 2024-06-06 11:49 smil、梵音 阅读(6) 评论(0) 推荐(0) 编辑
摘要: JQuery设置textarea为只读: $("#textareaID").prop("readonly",true) 亲测有效! 阅读全文
posted @ 2024-06-05 16:15 smil、梵音 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 1、在utils文件夹中新建utils.js /** * 通用js方法封装处理两种方式 * Copyright (c) 2019 ruoyi */ /** 第一种方式*/ function myFun() { console.log('this is my function') } function 阅读全文
posted @ 2024-05-29 16:08 smil、梵音 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-05-24 16:57 smil、梵音 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 在vue2和vue3的官方文档里都写到不推荐 v-if 和 v-for 同时使用,如下代码所示: <li v-for="todo in todos" v-if="!todo.isComplete"> {{ todo.text }} </li> 一、vue3文档:列表渲染 | Vue.js 在vue3 阅读全文
posted @ 2024-05-23 14:57 smil、梵音 阅读(1393) 评论(0) 推荐(0) 编辑
摘要: 1、这是结构代码,实现两个体形盒子对称 <div class="container"> <div class="box1"></div> <div class="box2"></div> </div> 2、这是CSS样式代码 .container { width: 400px; height: 40 阅读全文
posted @ 2024-05-22 14:52 smil、梵音 阅读(282) 评论(0) 推荐(0) 编辑