Vue
文章平均质量分 74
大刘鸭
如果你觉得你写的代码有bug,那么它一定有bug。
展开
-
vue中v-if和v-for优先级谁高;vue2和vue3中v-if和v-for对比
vue中v-if和v-for优先级对比;vue中为什么不推荐v-if和v-for写在同级别标签;vue2和vue3中的v-if和v-for对比;原创 2023-06-21 14:35:18 · 803 阅读 · 0 评论 -
vue router 路由跳转方法概述
vue router 路由跳转方法概述、路由中params和query的区别原创 2022-05-27 14:51:50 · 10913 阅读 · 0 评论 -
基于Vue,实现圆形进度条
基于Vue,实现圆形进度条原创 2022-05-17 16:01:40 · 1957 阅读 · 0 评论 -
为什么不建议在vue项目的v-for指令中使用index作为key
原因:在昨日的开发中,遇到如下问题:有个表格,表格会根据不同的条件,渲染出来不同的列,列使用的v-for命令循环出来,使用index作为key值,当切换条件时,发现列的值,错乱。分析如下:vue发现key相同,就不会更新dom例子:有如下组件和子组件:当使用key的时候,执行update,打印 4 created 1destroyed没有key,打印 3次update<template> <div> <Test v-for="item原创 2021-08-27 10:25:37 · 620 阅读 · 0 评论 -
input输入框在移动端点击很多次才能聚焦
环境:vue+fastclick问题:在移动端输入框,需要点着输入框很多次,才能将输入框focus;或者长按输入框、或者双击输入框。网络上,都是定位到fastclick,给出的解决办法是覆盖掉fastclick的focus函数,但是,在我的项目中,fastclick是被公共base.js引入的,不能修改,并且也没有挂载到window,所以无法使用该方法。在此提供另外一种思路:给input的外层元素,添加点击事件,在点击事件中,使用nextTick,在其中执行对应input的focus方法原创 2020-11-05 20:33:38 · 1599 阅读 · 2 评论 -
vue 知识点
v-show 与 v-if 有什么区别、vue在哪个生命周期内调用异步请求、vue keep-alive、cumputed 和 watch 的异同、vue 生命周期、vuex 中 action 和 mutation、vue $nextTick是什么、Vue与Angular以及React的区别原创 2019-11-15 16:08:42 · 330 阅读 · 0 评论 -
vue 使用 webpack 打包上线后页面空白,页面报错或者资源加载不到
webpack publicPath 文档vue router base 属性 文档1、webpack的原因在webpack 打包过程中,有一个配置属性,它允许您指定应用程序中所有资产的基本路径。如果不配置这个属性,页面打包后,所有资源的加载 URl ,是默认的当前的一个路径,但是当你放到服务器上的时候,你从浏览器请求,这个时候请求的 url 上可能会带一些路径这个时候。...原创 2019-09-20 09:27:24 · 3593 阅读 · 0 评论 -
前端面试题,有答案,包含JS、CSS、HTML、Vue、webpack、优化 ,不断整理升级中
前端面试题有,答案,包含JS、CSS、HTML、Vue、webpack、项目优化原创 2019-09-20 10:47:26 · 1108 阅读 · 0 评论 -
vue项目 报错 Extra semicolon (semi)
es lint semi 文档如图:原因:项目中使用了eslint 的 semi 功能,该功能,强制使代码必须使用分号( ; ),或者必须不能加( ; )该规则有两个选项,一个是字符串,一个是对象。字符串选项:"always"(默认) 要求在语句末尾使用分号 "never"禁止在语句末尾使用分号 (除了消除以[、(、/、+或-开始的语句的歧义)对象...原创 2019-10-12 15:00:32 · 78529 阅读 · 2 评论 -
linux 下部署 vue项目 自动化部署,一键部署
说,将大象放到冰箱需要三步那么把项目放到服务器上,需要几步呢 ???下面分享两种方式 方式 方式 方式 方式 方式 方式 方式 方式 方式 方式1、项目直接在本地打包后,复制到服务器对应的文件夹即可vue的项目,在本地打包以后,会生成一个dist文件夹,该文件夹下面的所有资源,就是你需要放到服务器上的文件。本地打包后的文件夹目录:有ftp工具如果有ftp工具,直接使...原创 2019-09-28 14:38:44 · 1871 阅读 · 0 评论 -
vue 组件通信 之 eventBus , 兄弟组件通信
eventBus 翻译过来,事件总线 。在 vue 中得意思是,创建一个新的 vue 实例,通过分别调用这个实例的事件触发和监听来实现通信和参数传递。有目录如下:Parent.vue<template> <div class="hello"> <h1>hello world</h1> <Comp1 :...原创 2019-09-24 10:05:32 · 421 阅读 · 0 评论 -
vue , vue-cli 3 使用 sass 或者 less
项目使用 vue-cli 3在项目中使用 sassnpm install sass-loader --save -D使用sass ,需要安装其依赖的模块 node-sass ,npm install node-sass --save -D在项目中使用 lessnpm install less-loader --save -D使用less,需要安装其依赖的模块 l...原创 2019-09-20 14:16:52 · 1241 阅读 · 0 评论 -
vue--自定义全局方法,在组件里面使用
在main.js里进行全局注册Vue.prototype.funcName =function(){}在所有组件里可调用this.funcName();原创 2017-05-31 15:41:42 · 9930 阅读 · 0 评论 -
vue---给元素动态绑定背景图片
:style="{background: 'url('+backgroundImgs[index%2==0?index/2:'']+')'}"其中的index%2==0?index/2:''绑定的规则,根据各自需求来'url(' 和' )' 一定要用引号引起来的原创 2017-07-19 15:22:53 · 5571 阅读 · 0 评论 -
vue中computed 和 watch的异同
computed在数据未发生变化时,优先读取缓存。computed 计算属性只有在相关的数据发生变化时才会改变要计算的属性,当相关数据没有变化是,它会读取缓存。而不必想 motheds方法 和 watch 方法是的每次都去执行函数。computed:{ fullName:{ //这里用了es6书写方法 set(){ alert("set");...原创 2018-05-29 18:13:59 · 811 阅读 · 0 评论 -
javaScript Object之defineProperty实现getter和setter
var setGetAndSet = function(obj,key){ var initVlaue = obj[key] Object.defineProperty(obj,key,{ get:func...原创 2018-08-13 11:44:32 · 2226 阅读 · 2 评论 -
vue 数据改变,视图却不更新
在Vue中,你可能经常遇到这个问题,数据明明已经变化,但是相应的视图却没有更新。举个例子:一个10行的列表,选中一行,该行的背景色变化。上代码:CSS: .itemIsSelected{ background:red; }HTML: <tr v-for="(item,index) in listData" @click="lin...原创 2018-10-19 16:14:12 · 10132 阅读 · 4 评论 -
iview 开发--换肤
根据 iview 官网 推荐 ,我们也推荐使用变量覆盖 的方式来修改主题官网的使用手册就不赘述了说一说使用中遇到的情况在使用中,按照说明引入以后,发现项目报错这个报错,让你执行命令npm install --save , 执行过后,发现还是报错原因:可能是你的项目没有安装 less 和 处理 less 的 less-loader有了原因,才能解决,盘他~...原创 2019-03-07 18:26:51 · 1346 阅读 · 0 评论 -
vue-router addRouter 实现 动态路由
vue-router 中有一个 api ,名曰 addRouterrouter.addRoutes(routes: Array<RouteConfig>)addRouter 是 router 实例的一个方法, 可以动态添加更多的路由规则这个 api ,可以让你的 router 配置,不用在初始化router实例的时候就写进去可以在 vue 实例化 以后,动态的添加...原创 2019-09-17 16:16:30 · 5096 阅读 · 0 评论 -
vue 自定义插件编写之 confirm
插件通常用来为 Vue 添加全局功能使用插件通过 Vue 的全局方法 Vue.use() 使用,当然,在使用这个方法之前,你的 Vue 实例 必须已经初始化完成import myPlugin from './plugIn/myPlugin'// 该方法,会调用 myPlugin 的 install 方法Vue.use(myPlugin) 开发插件 (写一个 co...原创 2019-09-17 18:02:07 · 1118 阅读 · 0 评论 -
vue--点击当前增加class,其他删除class
{{data.data}}new Vue({el: '#app',data: {datas: {data1: {data: "测试1",ifAdd: 0},data2: {data: "测试2",ifAdd: 1},data3: {data: "测试3",ifAdd: 2}},qwerqwre:"0"},原创 2017-02-17 16:36:44 · 32350 阅读 · 6 评论