基于Vue实现多标签选择器
实现效果实现代码<html lang="en"> <head> <title>Document</title> <!-- 引入本地组件库 --> <link rel="stylesheet" href="static/element-...
Vue小项目01——标签记录器
Vue小项目——标签记录器功能：用户在文本框里输入文本，按回车键，文本添加到信息栏里，并清空文本框里的内容，最左侧有信息编号，下方有所以信息条数，每条信息右测有删除叉，最下方有全部清空按钮，当信息全部清空，最下方一栏将隐藏。<!DOCTYPE html...
vue快速学习01、环境与常用属性标签
1、MVVCMVVM 设计模式是由 Model （模型）、 View （视图）和 ViewModel （视图模型）三部分组成，是 MVC 设计模式的进化版，即 Controller 转变为 ViewModel 。这种模式可以使 View 的变化自动化更新到 ViewModel ...
【Vue3从零开始-第四章】4-3 vue的动画标签transition（下）
一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第23天，点击查看活动详情。前言在上一篇的文章中，我们了解了vue里面transition标签来实现单元素组件的过渡和动画效果，还知道了transition中的name属性和class属性的用法，本章节继续带着大家一起了解transi...
【Vue3从零开始-第四章】4-2 vue的动画标签transition（上）
一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第22天，点击查看活动详情。前言在上一篇的文章中，我们了解了vue里面对CSS动画效果的一个处理，本章节主要就是使用transition标签来实现单元素组件的过渡和动画效果。单元素入场出场过渡效果在以前的文章中，我们写过v-if和v-...
Vue：a标签点击和file-saver实现文件下载
方式一：a标签点击实现<template> <div class=""> <el-button size="small" @click="downloadFile" >保存文件</el-button> <...
重读vue电商网站13之使用动态编辑标签
实现效果如下：通过 v-if 的 boolean值来动态变化是否显示文本框还是 button 按钮。通过 v-model 双向绑定来实现文本框内容的监听。由于每一行需要设置文本框的显示与隐藏，而且数据是共享的。我们需要通过 scope来获取每一行的值来进行绑定，不然的话，就会导致某个文本框显示了，其...
vue实现弹窗卡片表单变标签功能
vue实现弹窗卡片表单变标签功能功能描述在主页面点击按钮显示弹窗（采用的是element）在弹窗中，点击左上的添加会添加一个表单，每次只能添加一个表单。填写表单会自动变成标签。card.vue<template> <div> <el-button type="text"...
Vue总结第五天：vue-router （使用模块化（创建Vue组件）机制编程）、router-link 标签的属性、路由代码跳转、懒加载、路由嵌套（子路由）、路由传递数据、导航守卫）
Vue总结第五天：vue-router✿ 路由(器)目录：□ vue中路由作用□ vue-router基本使用□ vue-router嵌套路由□ vue-router参数传递□ vue-router导航守卫□ keep-aliv...
Vue开发组件之替代marquee标签，超出宽度文字横向滚动效果
一、npm 安装如果你想安装插件（自己写的）安装# install dependencies npm i marquee-components使用在main.js引入import marquee from 'marquee-components' Vue.use(marquee );在页面使用<...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
