devtools浏览器edge vue
vuex actions 和 mutations 分析，为什么官方建议 actions 里面不要直接修改 state, 为了开发工具服务器，直接修改代码也能工作，但是devtools工具丢失了他的作用
来自官方大大：区分 actions 和 mutations 并不是为了解决竞态问题，而是为了能用 devtools 追踪状态变化。事实上在 vuex 里面 actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation 就行。异步竞态怎么 ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
js~在浏览器中对用户名和密码进行存储
# base64函数 `btoa()` 和 `atob()` 是 JavaScript 中的标准函数，通常在现代浏览器中都能正常工作。然而，它们在处理非 ASCII 字符时可能存在一些兼容性问题。 这些函数的主要限制在于它们仅支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode 字 ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话，这位博主的文应该会对你有所帮助：nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有，按以下步骤走 步骤： 1、检查环境变量 【注意：以下修改操作每次完成后都要记得 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： ......
vue在线预览pdf、word、xls、ppt等office文件
perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性，它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性，并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas ......
html使用script 引入vue.js文件
使用script引入vue.js的方法： 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址：https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么？** 它是一款可以动态生成点和线的插件，然后线条可以自己动，还能与用户鼠标事件产生互动。 插件的github官网地址：https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。 执行如下命令，这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue，执行n ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式： YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
vue学习记录 4
本地服务器配置apache安装学习参考网址：（官网下载apache包的时候可能会疯狂断开链接）教程里没说，但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置，dialog中的高度是随内部元素高度变化，所以在dialog中的table添加class="tableClass"，通过屏幕大小改变tableClass中的height，高度数值存储在sizeList中。 <template> <div :style="si ......
vue封装公共组件库并发布到npm库
利用的原理： vue框架提供的api: Vue.use( plugin)，我们把封装好组件的项目打包成vue库，并提供install方法，然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值：通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先，data数据定义： ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理，主要是在js中实现对数据的分页处理，这里分享两种简单的写法，以供参考。两种方法都是用vue来实现的。 首先，相关的参数都一样，在vue里的data中定义好，如下所示： ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父（自定义事件）
# Vue 中 组件通信 - 子传父（自定义事件） ``` Vue 中 组件通信 - 子传父（自定义事件）子传父步骤：在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据（一般是通过一定的动作，如点击，滑动等，来自定义事件向父组件传递，这里以 click 为例）在子组件的 ......
npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?
如果出现在发布的时候报这个错，说明你在package.json中登记的name已近被采用了。重名了，所以你得换一个。我们在发布一个包之前，最好拿着这个登记的name去搜一下，如果已近有了，那就要换一个。 ......
manjaro安装microsoft edge浏览器
sudo pacman -S yay base-devel yay -S microsoft-edge-dev-bin ......
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时，会碰到一个问题：部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法，会导致页面加载不出来。 解决这个问题的思路是： 当浏览器支持pushState方法时，开启history模式，不支持则开启hash模 ......
直播软件源码，Android 跳转系统浏览器的方法
直播软件源码，Android 跳转系统浏览器的方法 Intent intent= new Intent(); intent.setAction("android.intent.action.VIEW"); Uri content_url = Uri.parse("http://www.cnblogs ......
使用vue ui创建vue项目
vue ui是什么？ 简单来说，vue ui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI，因为 ......