随笔分类 - vue
摘要：前言 vue axios请求频繁时取消上一次请求 连续按下 AAAAA ，只取最后一次按下时搜索框的内容（即：AAAAA）进行搜索。 而不是搜索跟 A（第一次按下），AA（第二次按下），AAA相关联的内容 代码： <template> <input type="text" v-model="mess
阅读全文
摘要：思路： 用两个数组分别记录左右框框里面的值，用两个数组绑定checkbox，用来记录选中的checkbox值，根据选中的checkbox的值实现删除增加即可 步骤： 1、这里checkbox是绑定的vue的数组数据，所以checkbox的点击的顺序不同的话索引的顺序是不同的，这样删除数据的时候可能会
阅读全文
摘要：1、特点： v-if 的特点：每次都会重新删除或创建元素 v-show 的特点： 每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式 一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运
阅读全文
摘要：v-for中key的使用注意事项 必须 在使用 v-for 的同时，指定 唯一的 字符串/数字 类型 :key 值 <p v-for="item in list" :key="item.id"> list: [ { id: 1, name: '李斯' }, { id: 2, name: '嬴政' }
阅读全文
摘要：一.什么是冒泡？ 首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身
阅读全文
摘要：1、使用 v-cloak 能够解决 插值表达式闪烁的问题 <style> [v-cloak] { } </style> <p v-cloak>++++++++ {{ msg }} </p> 2、v-html的作用？ 输出data中的html的内容的 <div v-html="msg2">121211
阅读全文
摘要：一个vue组件主要包括3个部分：界面展示代码template、业务实现代码script、界面布局代码style vue组件基本结构：Test.vue <template> <div class="class_1"> <h2>{{msg}}</h2> 这是一个fry VueComponentTest
阅读全文
摘要：项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试
阅读全文
摘要：预览样式如下： 代码如下： <g-row class="demoRow" align="center" gutter="20"> <g-col span="8"><div class="demoCol">hi</div></g-col> <g-col span="8"><div class="dem
阅读全文
摘要：vue中 关于$emit的用法 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 引用官网的
阅读全文
摘要：效果如下： 代码如下： <template> <div id="slider"> <div class="window" @mouseover="stop" @mouseleave="play"> <ul class="container" :style="containerStyle"> <li>
阅读全文
摘要：<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp"> <ul class="item"> <li v-for="item in listData"> <s
阅读全文
摘要：页面效果如下： 项目结构如下： 引入的包 "dependencies": { "core-js": "^3.3.2", "register-service-worker": "^1.6.2", "vue": "^2.6.10", "vue-aplayer": "^1.6.1", "vue-route
阅读全文
摘要：结构如下 代码如下： <template> <div id="page"> <div style="width: 100%" class="flex-container column"> <div class="item one" @click="clickChart('1')" style="tr
阅读全文
摘要：背景音乐 添加背景音乐 并有单击事件 循环播放 <template> <div id="page"> <div style="width: 100%" class="flex-container column"> <video id="video" src="../static/audios/bgm
阅读全文
摘要：vuex中的this.$store.commit... Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递 但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项
阅读全文
摘要：https://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all 雷达图 https://blog.csdn.net/z834410038/article/details/53107116 https://ww
阅读全文
摘要：https://blog.csdn.net/qq_39725309/article/details/81558332 vue-cli安装 npm install vue-cli -g vue-cli的版本查看 vue -V vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令
阅读全文
返回顶部
