vue
墨雪遗痕
喜欢透彻了解到程序的每一步,每个合理的运行方向,每个关联的东西。透彻一切,让它更简单、和谐、完美
展开
-
关于网站截图功能的几种方案
浏览器进行截图的三种前端方案,这里在vue3中去示例原创 2022-10-25 09:28:17 · 1198 阅读 · 0 评论 -
关于创建vue3项目 vscode的vetur插件依然报错需要template有根标签解决方法
最简单方便的解决vscode的vetur报错The template root requires exactly one element. eslint-plugin-vue原创 2022-04-27 09:52:45 · 1940 阅读 · 0 评论 -
vue 库模式打包 批量
vue库模式 WebComponents 的批量打包方法 使用Nodejs进行批量打包使用nodejs执行cmd中的命令的方法原创 2022-03-01 14:45:00 · 623 阅读 · 0 评论 -
nuxt asyncData请求数据失败的问题 如何解决
失败原因折磨,折磨,asyncData请求数据,流程很离谱首先,asyncData只在页面级别的组件中才会执行其次,也是重点如果你看见这个了,那么,你就遇到问题了我通过process.client以及process.server发现第一次进入页面,asyncData里的请求,是在客户端请求。第二次进入页面,asyncData里的请求,是算服务端的。而服务端的请求,不会走代理,于是会自动在本地的127.0.0.1:80去请求数据遇到的问题然后,因为这两个奇怪的流程,就出现了:第一次不原创 2021-10-20 16:13:02 · 2862 阅读 · 2 评论 -
跨域,为解决跨域的代理原理是什么?vue2中如何配置跨域
在js使用ajax请求后台接口的数据时,新人会遇到跨域问题,也许你已经通过百度,知道了怎么通过代理解决跨域问题,那么,原理是什么?当遇到跨域情况时,控制台会有以下类似的报错*Access to XMLHttpRequest at ‘xxxxxxxxxxxxxxxxx’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No‘Access-Control-Allow-Origin’ header is presen原创 2021-09-25 22:56:32 · 293 阅读 · 0 评论 -
vue+element的面包屑导航,动态实现(简单好用)2021-09-23
element的面包屑导航没有切换事件,没有各种动态绑定什么的,但是面包屑却需要随页面变化而层级变化这里,我采用watch监听加判断来搞定<template> <el-card> <!-- 面包屑 注意面包屑的点击方法,要加native,因为组件事件触发需要它 --> <el-breadcrumb class="bread" separator-class="el-icon-arrow-right"> <el-brea原创 2021-09-23 10:31:39 · 1972 阅读 · 0 评论 -
vue template 新发现的使用数据方式 2021/7/14
我们先来个例子这是我公司项目中的一部分,前辈写的代码的一部分 <a href="javascript:;" :class="[anchorIndex == 1 ? 'active' : '']" v-show="tablistCon2.navigationId" @click="clickOffset('loca2', 1)" >{{ tablistCon2.navigationTitle }}</a>原创 2021-07-14 09:49:56 · 200 阅读 · 0 评论 -
element 半自动化按需引入 (全局引入那种,而不是单组件的)2021-07-09
首先,必须要做的引入// element-ui.jsimport Vue from 'vue' import { Container, Header,} from 'element-ui'常规按需引入:Vue.use(Container)Vue.use(Container)这样做,当需要添加新的插件时候,需要两步先复制粘贴Vue.use(xxx)再复制粘贴插件那么自动化情况就像这样,把第一步给省去了,直接复制插件名,然后放到这个数组里面就可以了,算emmm半自动吧原创 2021-07-09 19:15:06 · 139 阅读 · 0 评论 -
vue watch侦听器 侦听对象内的一个单独属性 2021-07-08
data(){ return { form:{ user:"", password:"" } }},//如果你想单独去侦听那个userwatch: { //这样做就只会侦听这一个东西了,也就不必去侦听整个form,还要开deep深度监听 'form.user'(n, o) { //code... } }...原创 2021-07-08 11:39:04 · 126 阅读 · 0 评论