- 博客(14)
- 收藏
- 关注
RSS订阅原创 在router中使用pinia报错解决
在router中使用pinia（getActivePinia was called with no active Pinia. Did you forget to install pinia）报错解决使用vue3+ts+pinia开发项目中，我相信好多人使用vuex的传统思想在router中使用，但是用这种思想对于pinia就行不通了就会报错，下面简单是解决方案，如有更好的希望大家留言分享。一、使用步骤1.首先创建store.ts文件import { createPinia } from "pini
2022-05-14 16:07:27
8173
10
原创 vue 如何获取input中光标位置，并且点击按钮在当前光标后追加指定内容
vue 如何获取input中光标位置，并且点击按钮在当前光标后追加内容监听输入框的鼠标失焦事件获取失去交点时的光标在输入内容中的位置 （e.srcElement.selectionStart）替换指定内容 （str.slice(0, index)）具体代码实现如下：<template> <el-input v-model="addForm.templateContent" type="textarea" @blur="blurEvent"></el-in
2022-02-17 11:04:16
8797
4
原创 vue获取用户本机ip方法
记录vue获取用户本机ip方法<script setup>import { reactive, toRefs ,onMounted} from "vue"const state = reactive({ ip:'',})onMounted(()=>{ //获取ip getUserIP((ip) => { state.ip=ip console.log(ip) console.log(state.ip) });})//获取
2022-02-12 10:05:48
13482
8
转载 TypeScript（数据类型、函数、接口、泛型）
TypeScript（数据类型、函数、类、接口、泛型）文章目录TypeScript（数据类型、函数、类、接口、泛型）一、typeScript中的数据类型？二、typeScript中的函数2.1 函数的定义2.2 函数的可选参数2.3 函数的默认参数2.4 函数的剩余参数三、typeScript中的接口1 函数类型接口2 可索引接口3 类类型接口4 接口扩展四、 typeScript中的泛型1 泛型函数2 泛型类3 泛型接口提示：以下是本篇文章正文内容，下面案例可供参考一、typeScript中的数
2021-06-10 14:01:33
104
原创 Polyfill兼容版本较低IE浏览器
Polyfill简介1.什么是Polyfill?2.如何使用？1.什么是Polyfill?Polyfill是一个js库，主要抚平不同浏览器之间对js实现的差异。比如，html5的storage(session,local), 不同浏览器，不同版本，有些支持，有些不支持。Polyfill（Polyfill有很多，在GitHub上https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills），帮你把这些差异化抹平，不支持的
2021-06-07 10:09:37
883
原创 解决element tree树形组件回显数据问题
解决vue+element tree组件 回显数据时有一个父节点数据下面子节点就都会被选中1.当el-tree 从后台拿到数据动态回显展示出来时，只要有一个父节点，则下面的所有子节点全部被勾选了如图所示：后台返回的回显数据只有33（父节点组织管理）45（子节点个人管理），但是组织管理下的所有子节点都被回显选中。2.解决方法代码如下先在组件上绑定check-strictly属性check-strictly属性控制是否严格的遵循父子不互相关联的做法，默认为 false具体参考element官网ap
2021-05-24 14:08:13
6128
7
原创 vue3+ts使用vue-router4的使用
vue3+ts使用vue-router跳转vue3路由使用vue3+ts使用vue-router跳转前言一、路由（router）是什么？二、使用步骤1.安装路由2.引入路由3.在main.js中引入router 并挂载4.现在来讲一下如何在页面中使用5.下面是整体页面代码前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、路由（r
2021-05-19 18:07:27
12379
7
原创 git关联项目步骤
git使用git关联项目git常见问题使用git关联项目1 初始化项目git init2 关联到git仓库git remote add origin git@github.com:projectGroupName/gitName.git3 添加文件到仓库，添加全部文件用 . 表示git add .4 把文件提交到仓库git commit -m " first add project file"5 把文件提交到仓库git push -u origin master //将本地的项
2021-03-04 11:01:37
1903
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人