小怪獸丶的糖的专栏

移动端进入网站后，登录网站进入设备管理界面。点击添加设备，可以选择直接添加或者扫一扫。点击扫一扫进行扫描二维码获取设备序列号自动填充到添加设备界面的序列号输入框中。然后点击完成进行设备绑定。

Vue3项目打包发布后，进入个人中心界面,刷新后页面出现空白。前提是已经配置了重定向到index.html。在访问/personal/profile这种路由的时候刷新后页面会出现空白。在App.vue中有一个routerview ,personal界面中有一个routerview .界面如图所示。vite.config.js中将基础路径设置为绝对路径。之前是./改为/就可以了。router.js关键部分,删除了其他菜单路由。

setup() {// 初始化地图center: [x, y], // 设置中心点zoom: 18, // 设置缩放级别});// 添加标记title: "优称智能",});});// 清理地图实例});

点击头像右上角弹出选项，点击保存图片可以把图片下载保存到本地。1.第一种，直接创建a标签给头像地址。2.第二种方式，使用blob。

注意startup.cs中的配置。这里根据实际情况进行配置需要的即可。

【代码】vue3使用swiper实现首页图片轮播并自定义左右箭头样式及分页器样式。

将EasyPlayer-element.min.js这个文件复制到static文件夹中即可。在index.html中引入 这个，但是在static文件夹中并不存在该文件。在vue项目运行的时候，F12出现以下错误。

【代码】Vue3像Vue2一样在prototype（原型）上挂载数据。

vue2中使用EasyPlayer播放H265视频流

vue echarts实现订单统计饼图，自定义实现label效果

无缝滚动插件：vue-seamless-scrollvue高德地图插件AMap-Vue文档

vue echart显示线型图报错原因：绘制图标的方法中，this.$refs.line_div为undefined.methods:{ drawLine() { // 基于准备好的dom，初始化echarts实例 let myChart = this.$echarts.init(this.$refs.line_div); // 绘制图表 myChart.setOption({ tooltip: {

解决办法：选中网站，点击URL重写（如果没有这个的话需要安装一下）url-rewrite安装地址双击URL重写，点击添加规则，选择空白规则

<img :src="schimg" class="sch-pic" @error="headError" />methods:{ headError(e) { e.target.src = require("../assets/img/pic-school.png"); },}

vscode中新建.vue页面，页面添加了一些内容后一直提示错误.但是不影响项目运行、解决办法：将Vetur的验证全部关闭即可

vue.config.js别名设置后，npm run serve出错错误原因：vue-cli4别名设置写法变了。之前的出错的代码module.exports={ configurewebpack:{ resolve:{ alias:{ 'assets':'@/assets', 'common':'@/common', 'components':'@/components', 'vi

进入极简插件网站 搜索devtools选择需要的进行安装即可，具体步骤详情页都有说的哦~安装好以后f12就能看到有vue了哦

在使用vuex的时候报错 Property or method “$store” is not defined,但是检查以后用法没有问题。最终找到原因是因为在store/index.js中引入vue的时候首字母大写了，改为小写即可import Vue from 'vue' //注意这个地方vue要小写，大写会出错import Vuex from 'vuex'//1.安装插件Vue.use(Vuex)//2.创建对象const store = new Vuex.Store({ state:

一、要实现常见应用tabbar效果，总共四个菜单、分别是首页、分类、购物车和我的，点击哪一个则显示哪一个页面的内容二、具体实现关键过程如下在components文件夹中新建tabbar文件夹，分别建立TabBar.vue文件以及TabBarItem.vue文件TabBar.vue<template> <div id="tab-bar"> <slot></slot> </div></template>&

问题描述：在使用Hbuilder时，选择的是内置终端。准备新创建一个项目。结果执行vue init webpack myproject后，出现错误无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本解决办法：在内置终端中执行Set-ExecutionPolicy -Scope CurrentUser然后设置ExecutionPolicy这个为Unrestricted【表示可以运行未签名的脚本】。之后再执行创建

在使用url-loader对图片文件进行打包的时候，出现了如下的错误:问题原因：webpack.config.js中设置的limit大小小于打包的图片的大小~。如果打包图片大小在limit限制的值以内可用正常打包，如果是大于了这个值，webpack则会使用file-loader来进行打包。这里因为超过了，所以webpack会采用file-loader来进行打包，但是因为没有安装，所以报错。 { test: /\.(png|jpg|gif)$/i, use: [{ load

项目场景：vue打包的时候，报错。npm run build 后出现 baseUrl is not allowed.问题描述：执行npm run build 出错关键代码如下vue.config.js：@Override module.exports={ baseUrl:'./'} 原因分析：vue-cli 3.3版本后baseUrl被废除了，此时应该使用publicPath.解决方案：vue.config.js中baseUrl换成publicPath

第一步安装animate.csscnpm install animate.css --save第二步main.js中引入import animated from 'animate.css'Vue.use(animated)第三步使用，最开始这样写以后，发现动画无效果，后来发现是animate.css版本问题。默认cnpm install animate.css安装的是最新版本。最新版本的写法已经改变啦~<transition enter-active-class="bounceInLe

在vue項目中，由于eslint校验比较严格，经常出现Mixed spaces and tabs no-mixed-spaces-and-tabs 这个错误。出错原因：eslint校验非常严格，不允许使用混合空格和制表符进行缩进。例如：直接这样写，是没有问题。但是如果一旦回车后，就会出错export default new Vuex.Store({ state: {cityName:"成都" }, mutations: { }, actions: { }, modules:

Stylus 是一款 CSS 的预处理器.点击查看详细文档项目中如果多个地方都用的同一色值，并且有时候需要根据节日或者活动需要更改主题色即可用stylus来实现哦。一、stylus的文件是.styl二、style中的样式引入 @import '~@/assets/var.styl' 三、stylus语法$bg=orange使用示例在assets文件夹中建立theme.styl文件，设置背景色为橘色$bg=orangeApp.vue中进行使用,所有的p标签设置为橘色，如果项目中有几

详细介绍地址：keep-alive详解keep-alive：vue内置的组件，能在组件切换过程中将状态保存在内存中，防止dom重复渲染使用场景：把页面保存在内存中，记住输入的内容使用方式：<keep-alive> <router-view></router-view></keep-alive>keep-alive：include标签和exclude标签include:（name） 需要保存状态的组件exclude: 不需要保存状态的组件

cnpm install -g @vue/cli ，安装完以后执行vue --version查看版本vue create demo1如果提示：Your connection to the default npm registry seems to be slow. Use https://registry.npm.taobao.org for faster installation? 选择Yes即可安装完成后，会有以下提示，根据提示操作即可。执行完npm run serve 即可通过访..

在运行vue项目时，界面写了个一个for循环，但是却报错。界面关键部分代码如下。因为index没有使用过，所以报错`<tr v-for="(item,index) in list" :key="item.id"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.price}}</td> <td>{{item.c

在components新建两个.vue文件Content.Vue<template> <div class="content"><h1>这里是内容部分</h1></div></template><script></script><style> .content{ height: 600px; background-color: #f5f5f5; color: #42B9

在Vue中父组件向子组件传值。首先在父组件中将要传递的变量赋值给子组件<子组件 ：变量=数据></子组件>然后子组件中定义props变量props:['变量']具体例子如下：首先在components中创建三个组件 Header.Vue 、Swiper.Vue、 Footer.Vue,然后在App.Vue中引入组件并定义要传递的数据。这里主要是将a数据传递给Header,arr传递给Swiper<template> <div> <

Vue中子组件向父组件传值简单示例。首先在子组件中自定义一个事件，执行该事件时将子组件中的值传递到父组件。然后在父组件中的子组件上声明这个事件。最终在父组件声明的这个事件中即可接收到子组件传递的子值.子组件： this.$emit("自定义事件名称","值")父组件： <Footer @changeStr="changeBtn"></Footer><!--子组件--> methods:{ changeBtn(data){ console.log(da

一、首先创建一个带路由的项目首先cmd命令进入要创建项目的文件夹，执行创建命令vue create demo1上下方向键选择最后一个 Manually select features,然后点击回车键上下方向键选择Router,然后点击空格选中然后按回车键，一直回车即可创建。注意这个地方选择的是2.x最终创建好以后即可执行cd demo1 然后执行npm run serve就可以运行项目了哦~具体效果如下创建好的项目目录结构如图...

to使用方式 1》to='/home' 2》:to='"/home"' 3》:to='{path:"/home"}' 4》:to='{ path:"/home", query:{userId:111} }' 5》:to="{ name:'user', params:{userId:111} }"如何通过js方式进行跳转，有以下几种方式*router.push*router.replace*router.go*router.back*rou.