2022-04-21

前端系列 Vue系列 javascript系列

vue单张或多张图片预览

一、需求今天接到一个需求，就是要求制作一个预览图片的功能，要求图片可以放大缩小、旋转、图片预览要有蒙层效果，esc可以关闭预览由于系统中使用了vue，所以要求预览图片的组件要支持vue，一顿百度以后，找到一款合适的，就是 v-viewer二、使用demodemo：https://mirari.cc/

2021-11-08

前端系列 Jquery系列 Vue系列 javascript系列

vue中绑定回车事件

一、网上vue中绑定回车事件的方法在vue中绑定回车事件，我们有看到网上好多种的写法1.第一种 @keyup.enter="submit"<input v-model="form.name" placeholder="昵称" @key

2021-09-07

前端系列 Vue系列

vue中的template标签元素的应用

一、解释<template>可以理解成是一个占位符，类似div一样，但是它是不可见官方解释说：可以把一个<template>元素当做不可见的包裹元素二、使用场景在v-for列表循环中使用在v-if条件渲染中使用在v-for列表循环中使用<ul> <temp

2021-09-02

前端系列 Vue系列 css系列

如何解决vue界面渲染中显示大括号源码、并且屏幕闪动的问题，详解v-cloak

问题：vue界面渲染中显示大括号源码的问题屏幕闪动,先显示{}，再显示msg内容解决方案：（1）添加 v-cloak （2）使用 v-text

2021-08-03

前端系列 Vue系列 javascript系列

vue中如何让文本框获取焦点（两种方式）

点击一个按钮使一个文本框获取焦点

2021-07-29

前端系列 Vue系列

Vue的内置指令--循环遍历、列表渲染（v-for）

一、v-for循环普通数组item是自定义名称，对应数组里的小明、小丽、小红 ...，in后面是list这个普通数组看代码实现<!DOCTYPE html><html><head> <meta charset="utf-8">

2021-07-29

前端系列 Vue系列

vue如何双向绑定v-for循环出来的input文本框

一、先说下需求给所以的题打分，并最终打印最终打的分数要用vue实现，这是我用vue的最重要的一点，用着简单！！！二、下面看具体实现方法直接看代码实现修改文本框的分数，也会自动同步到list中最后直接打印list即可<!DOCTYPE html><html><head&g

2021-07-21

前端系列 Vue系列

Vue的内置指令--条件渲染一 v-if，v-show的区别

一、什么是指令指令（Directives）是带有 v- 前缀的特殊的属性（attribute）

2021-07-18

前端系列 Vue系列

Vue 的基本入门用法

基本用法一、引入介绍vue.jsVue 2.x地址：https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js当然还有好多别的地址都可以使用二、创建实例创建Vue对象实例，执行配置对象：el 指定dom标签容器的选择器data：指定初始化状态数据的对象/函

2021-07-18

前端系列 Vue系列

Vue.js 是什么、基本认知

1).一位华裔前Google工程师(尤雨溪)开发的前端js库，目前市面最流行的前端三大框架之一（react,angulan)2).作用:动态构建用户界面的渐进式框架3).特点:遵循MVM模式编码简洁,体积小,运行效率高,移动/PC端开发它本身只关注UT,可以轻松引入vue插件和其它第三库开发项目4)

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

vue单张或多张图片预览

vue中绑定回车事件

vue中的template标签元素的应用

如何解决vue界面渲染中显示大括号源码、并且屏幕闪动的问题，详解v-cloak

vue中如何让文本框获取焦点（两种方式）

Vue的内置指令--循环遍历、列表渲染（v-for）

vue如何双向绑定v-for循环出来的input文本框

Vue的内置指令--条件渲染一 v-if，v-show的区别

Vue 的基本入门用法

Vue.js 是什么、基本认知

分类

最新文章

标签

最新文章

标签

Your browser is out-of-date!