qq_45829293的博客

vue2中是通过Object.definedProperty()来实现数组的劫持，当vue初始化数据上的对象之后，在控制台打印可以看到有get和set方法，get是在读取属性值触发的函数，set是设置属性值触发的函数。var Book = {}var name = '';Object.defineProperty(Book, 'name', { set: function (value) { name = value; console.log('你取了一个书名叫做' + va

文章目录Vue获取DOM节点1、原生js获取节点的方式2、在vue项目中引入jquery3、ref属性4、直接使用DOM API寻找元素Vue获取DOM节点1、原生js获取节点的方式document.getElementById() – 使用id获取方式较少document.getElementByClassName() – 类名document.getElementByTagName() – 标签名document.getElementByName() – name属性，使用少

二维码的生成步骤1、全局安装tki-qrcode插件2、查看下载插件后的版本信息3、在页面中引入tki-qrcode4、生成二维码整体代码5、效果展示1、全局安装tki-qrcode插件 npm i tki-qrcode2、查看下载插件后的版本信息3、在页面中引入tki-qrcodeimport tkiQrcode from "tki-qrcode"export default { components: { tkiQrcode }}4、生成二维码整体代码<templa

Mixin混入对象1、含义：2、使用方法：2-1 js文件中混入对象的定义2-2 页面中使用Mixins3、Mixins的特点4、Mixins使用重复强调注意点Mixin混入对象1、含义：接收一个混入对象的数组，可复用功能非常灵活的方式此混入对象可以像正常的实例对象一样包含实例的选项，使用Vue.extend()一样的选项合并逻辑到最终的选项中2、使用方法：2-1 js文件中混入对象的定义在建好的vue项目的src文件夹中建立mixins来存放混入对象的js文件在建立好的js文.

适用端uniapp和vue的PC端使用功能介绍：上传图片之前显示一个边框的样式上传图片进行预览点击确认上传（接口对接）效果展示：上传之前上传预览（点击确定之前，未对接接口时）具体实现：HTML<el-upload action="/source/upload" accept=".jpg,.jpeg,.png,.gif,.JPG,.JPEG" :show-file-list="false" :on-change="handleLicensePreview" :bef

登录方面1.登录的步骤登录页面输入用户名和密码调用接口来进行用户验证通过验证后,根据后台的响应状态跳转到项目主页2.登录需要的技术支持http是无状态的cookie在客户端记录状态session在服务端记录状态token方式维护状态注:http协议无状态的含义为:对于事务处理没有记忆能力对同一个url请求没有上下文关系每次的请求是独立的,执行结果和前后的请求无直接的联系且相互之间无影响服务器没有保存客户端的状态,客户端需要加上自己的状态区去请求服务器一般的解决办法

Flex布局（Flexible Box，弹性布局）Flex布局是什么：Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以使用Flex[布局]布局使用一般display：flex；行内元素display：inline-flex；Webkit内核的浏览器display：-web

一.在可视化面板上创建Vue项目时创建卡住并且报错Cannot read property ‘indexOf‘ of undefined二.原因vue-cli的版本过低三.解决方法将以前vue-cli版本卸载npm uninstall -g @vue/cli卸载后重新安装 vue-cli较高版本npm install -g @vue/cli(默认安装的是最新版本)npm install -g @vue/cli@指定版本号(安装指定的版本,最好安装高版本的)附: 具体脚手架安装教

脚手架的安装Vue CLI使用前提是—Node1.下载node.js首先在官方网站上直接下载node.js默认情况下自动安装Node和NPMNode环境要求8.9以上或者更高的版本检测node是否安装成功: node -v也可以检测一下npm是否成功: npm -v2.下载淘宝镜像在使用npm下载插件的时候会非常缓慢，想要提高下载的速度我们可以借助于淘宝镜像（直接在黑窗口中操作）。淘宝镜像操作：（直接在黑窗口中输入+回车即可）：npm install -g cnpm --regi

1、父组件–>子组件传值父组件//父组件内容<template> <test :title="title"></test></template><script> import test from '../../components/test.vue' export default { data(){ return { title:'Hello' }; }, components:{ t