![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 75
iceseasyh
一名小小的前端开发
展开
-
mavon-editor样式失效,快速解决
mavon-editor样式失效的解决办法,冲兄弟们原创 2022-02-25 20:29:48 · 2572 阅读 · 5 评论 -
Vue中swiper二次封装以后传入prop属性覆盖的问题
写小demo的时候,对于swiper进行了二次简单封装成一个组件。但是在使用过程中,如果一个页面多次使用封装的swiper组件后,prop传入的属性会覆盖,比如前一个swiper初始化默认可见4个,后一个swiper初始化默认可见2个,但是复用组件以后都是可见2个。示例如图:前一个swiper后一个swiper页面代码swiper.vue<template> <div class="my-swiper"> <div class="swiper原创 2021-10-11 10:23:20 · 617 阅读 · 0 评论 -
尤大前端新玩具-vite 简介 对比Webpack 手写实现简单的vite实现
文章目录Vite定义由来vite创建项目对比差异点vite速度体验viet两个子命令:webpack启动过程:vite启动过程:vite第一次启动时的编译vite的按需请求NPM 依赖解析和预构建:HMR 模块热重载打包和不打包的问题实现原理核心思路手写实现vite小结Vite定义面向现代浏览器的一个更轻,更快的web应用开发工具,基于ECMAScript标准原生模块系统(ES Modules)实现。Vite (法语意为 “快速的”,发音 /vit/) 是一种新型前端构建工具,能够显著提升前端开发体原创 2021-04-14 16:00:31 · 1718 阅读 · 0 评论 -
elementUI input组件无法输入内容
解决此问题要从两方面出发:是否绑定错了数据是否视图没有更新是否报错了1,3情况自己解决,现在只说没有报错,也没绑定错数据的情况解决办法:使用$forceUpdatevue的强制重新渲染示例:本来输入框是怎么都输不进去的,但是给输入事件加上$forceUpdate,一切解决 <el-input v-model="showDetailList[2].msgList[0].controlOpenValue" placeholder="请输入开度" @blur=原创 2020-09-28 18:12:25 · 1088 阅读 · 0 评论 -
Vue封装Button组件思路及实现
仿vant封装button原创 2020-09-14 14:46:52 · 4140 阅读 · 0 评论 -
Vue组件中,data为什么必须是个函数,而不是对象
今天学习vue组件的时候,发现组件里面的东西,其实和定义的root实例里面的东西时一样的,除了data。这个data必须是function类型,而且必须返回一个实例对象的值,里面的值就是定义的data。这是为什么呢下面举一个小例子来类比一下正确的定义一个组件://定义组件<template id="cpn"> <div> <h2>我是{{name}}...原创 2019-08-15 17:58:54 · 1638 阅读 · 0 评论 -
配置vue脚手架项目和后端交互过程
++这里所有的指令都是在控制台运行的++安装脚手架npm install -g @vue/cli创建脚手架的项目vue create xxx//这里是项目名称开始配置文件进入你的项目文件,运行项目服务cd xxxxnpm run serve (不是server)控制台会提示你从哪个url进入,可以查看自己的网页文件夹下的view是你的视图层如果你编写完你的项目,需要...原创 2019-08-18 14:21:53 · 2006 阅读 · 0 评论 -
vuex写法风格
不同的vuex的写法state:单一状态树,每个应用将仅仅包含一个store实例。在元素绑定的过程中,直接在引号里面使用this.$store.state.状态名字<div v-show="状态名字"></div>//状态名字是你在store.js中state定义的状态属性计算属性写法一://伪代码<div v-show="computedSho...原创 2019-08-20 22:38:44 · 425 阅读 · 0 评论 -
使用vuex时,actions如何使用$nextTick
今天在完善仿卖座移动端项目的时候,因为获取影院的ajax在actions里面定义,因为数据量大,所以使用了better-scroll之前是因为在影院组件里面直接写的ajax,所以$nextTick出现了判断的错误,如果变换了ajax的获取,它会存留上一次的最后的状态所以我用了一个比较笨的办法,将组件里面的this直接传给state里面定义的一个变量,然后使用这个变量再调用$nextTick ...原创 2019-09-01 22:09:05 · 1202 阅读 · 0 评论 -
vue-video-player禁用左键暂停以及监听全屏事件
禁用左键暂停(暴力禁用),监听全屏事件原创 2020-09-09 14:33:30 · 3264 阅读 · 3 评论 -
vue给对象数组某个值赋值页面不更新的问题
之前的语句handleEditorCallBack(obj, index) { this.FormData.data.problemsAnswer[index]=obj}但是页面还是以前的值由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[index] = newValue解决办法handleEditorCallBack(obj, index) { this.FormData.data.problemsAnswe原创 2020-08-12 10:41:57 · 1769 阅读 · 0 评论 -
vue-router懒加载
基础配置import index from '../view/index.vue'const routes = { { path:'/index', component:index }}懒加载好处:如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。当你用require这种方式引入的时候,会将你的component分别打包成不同的js,加载的时候也是按需加载,原创 2020-06-18 10:51:14 · 117 阅读 · 0 评论 -
VUE响应式原理
笔记前段时间面试小米被问到vue的响应式原理。然后粗略的回答了发布者订阅者模式,Object.defineProperty(),感觉面试官不是很满意,我自己其实当时答的也没底记录js中Object.defineProperty()用来在一个对象上定义一个新的属性或者修改已存在的属性。Object.defineProperty(obj,key,value)obj修改的对象key属性v...原创 2019-09-21 18:33:09 · 350 阅读 · 0 评论