十一的博客

JS代码中加入以下代码let ua = navigator.userAgent.toLowerCase(); let isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { window.location.href = "https://open.weixin.qq.com/connect/oau...

1.先在data里增加一个变量，用来储存当前点击的元素 data() { return { activeClass: -1,// 0为默认选择第一个，-1为不选择 list: [ {title: '全网搜索(100w+)'}, {title: '优惠推荐(包邮10w+)'}, ], ...

如果需要父组件向子组件传递参数，就必须要有子父级关系，所以创建一个Parent.vue和一个Child.vue 。父组件中引入子组件，如图：父组件代码<template> <div> <h1>父组件</h1> <Child :title="getTit

一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，...

1.项目根目录新建vue.config.js文件，把一下代码复制到vue.config.js中module.exports = { lintOnSave: false, baseUrl: process.env.NODE_ENV === 'production' ? './' : '/', devServer: { prox...

Vue3.0 console.log()语法报错 只需要改成window.console.log() 即可解决

1、安装vue-lazyload2、main.js中加入以下代码import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { preLoad: 1.3,//距离当前dom距离页面底部的高度 error: '',//加载失败的图片 loading: '',//加载中的图片 attempt: 1 // 图片加载失败，最多...

1.安装node.js,下载LTS稳定版本点击链接进入下载页面Node.js官网安装完成后在终端输入node -v 查看版本号，如图显示：2.使用npm全局安装webpack安装命令：sudo npm install webpack -g安装完成后查看版本号 webpack -v,如图：根据提示安装webpack-cli还是一样全局安装：sudo npm install webpa...

1.app.vue中代码<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if=...

1.安装 VueClipboard npm install --save vue-clipboard22.main.js 引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.项目中使用<template> <div class="copyBox"> sysAppId：...