- 博客(13)
- 收藏
- 关注
原创 使用vite搭建vue3项目
使用vite需要node版本在12以上npm1、npm init vite@latest2、Project name:(项目名称)3、Select a framework:(选择要用什么构建自己的项目,这边选vue)然后会有两个选项一个是vue(vue+js) ,一个是vue+ts,根据自己的项目需求来选...
2022-03-24 14:25:23
3178
1
原创 解决uni-app uni.navigateBack 返回上一页刷新
网上看了很多解决思路,但都是针对父组件,返回上一页刷新子组件的案例很少,头疼了我一天,终于解决了,有两种思路,废话不多说,直接上代码第一种(通过父组件的onShow来判断)//我就不写结构了,相信都看得懂<Share :courseId='currentId' v-if="isResetMemberInfo"></Share>data() { return { isResetMemberInfo:true, }},onShow() { //v-if是可以实现刷
2021-11-10 15:22:15
4983
原创 vue利用 canvas 在图片上加文字
html部分://外面最好加个div,这样就可以控制显示在页面上绘制出来的图片的大小<div style="width:400px"> <img :src="image" class="img" alt=""/> <canvas id="mycanvas" width='750' height='530' class="my-canvas"></canvas></div>js部分:export default {
2021-09-30 15:04:12
6073
3
转载 vue中使用markdown编辑器
原作者:流眸Tel网址:https://www.jianshu.com/p/474197c1f7cc效果:一、 安装npm install mavon-editor --save二、引入、配置// 导入组件 及 组件样式import { mavonEditor } from "mavon-editor";import "mavon-editor/dist/css/index.css";三、使用//绑定model//实时改变:将markdown实时转化为html<templa
2021-09-29 16:13:46
1145
原创 vue三种常用的传值
一、父向子传值 在父组件**import**导入子组件,然后在**template**里面注册子组件,然后用bind(缩写:)的形式向子组件发送,子组件用props接收。 父组件:<template> <div class="homme"> {{max}} <Home :max='max'></Home> </div></template><script>im
2021-08-25 14:27:26
119
原创 js实现数组对象去重
利用对象访问属性的方法,判断对象中是否存在keyvar arr = [{key: ‘01’,value: ‘西施’}, {key: ‘02’,value: ‘王昭君’}, {key: ‘03’,value: ‘杨玉环’}, {key: ‘04’,value: ‘貂蝉’}, {key: ‘01’,value: ‘西施’}, {key: ‘01’,value: ‘西施’}];var result = [];var obj = {};for (var i = 0; i
2021-06-30 17:50:36
68
原创 创建Vue项目适合初学者的详细教程
一.创建项目前先搭建环境二.创建项目1.新建文件夹:例如: F:\TopsTest2.根据模版创建新项目打开cmd窗口,进入创建的文件夹目录下,输入如下命令vue init webpack 项目名称(英文)回车以后会出现下图(配文字参考选yes还是no): Project name: 项目名称 Project description:项目描述 Author:作者(可输入自己的名字,也可以空着) Vue build: vue的构建,一般就选择第一个按回车即可 Instal
2021-06-11 16:45:47
180
原创 解决 Duplicate keys detected: ‘483‘. This may cause an update error. 报错问题
很烦,虽然它不影响功能的正常使用,但出了错还是得解决一下,我研究了一会,发现是v-for我在不同的div写了两次,而key值都是取的id,其中一个换成index值就好了 ,代码修改:
2021-04-07 10:13:42
1251
原创 实现uniapp的app和小程序开发中能使用axios进行跨域网络请求,并支持携带cookie
实现uniapp的app和小程序开发中能使用axios进行跨域网络请求,并支持携带cookie1-使用npm install axios;命令安装axios2-新建一个文件夹再建一个.js后缀文件放axios封装代码代码:import Vue from ‘vue’import axios from ‘axios’// create an axios instanceconst service = axios.create({baseURL: ‘https://simplicity.sank
2021-03-05 17:41:33
4098
原创 时间问候
时间问候js代码 var div = document.querySelector('div');console.log(div)// 获取本地的小时数 Date(),getHours()var date = new Date();console.log(date)var h =date.getHours();console.log(h)if(h < 12){ div.innerHTML = '上午好呀'}else if(h < 18){ div.inne
2021-02-03 13:46:19
106
原创 js实现后端返前端时间格式转换
html代码{{get_time(item.create_time)}}js代码get_time(dateTimeStamp) {let minute = 1000 * 60;let hour = minute * 60;let day = hour * 24;let halfamonth = day * 15;let month = day * 30;//若你得到的时间格式不是时间戳,可以使用下面的JavaScript函数把字符串转换为时间戳, 本函数的功能相当于JS版的strtoti
2021-01-20 17:22:57
1083
3
原创 js中slice、splice用法与区别
1.slice(start,end)(参数可选)slice() 方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。var a = [‘a’, ‘b’, ‘c’, ‘d’]var b = a.slice(0, 1)console.log(a); //[‘a’, ‘b’, ‘c’, ‘d’]console.log(b); //[‘a’]不传参数,默认从0开始,可以复制数组:var a = [‘a’, ‘b’, ‘c’, ‘d’];var c = a
2021-01-19 10:27:37
670
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人