vue-photo-preview plug-in components to achieve Click image to enlarge

Others 2019-05-30 00:58:40 views: null

1. Install

　　npm install vue-photo-preview --save

2. Project main.js references

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)

3. Use in the HTML code

// can be provided directly with the preview attribute
<img src = "xxx.jpg" preview preview-text = " Description">

Guess you like

Origin www.cnblogs.com/Glant/p/10945479.html

vue-photo-preview plug-in components to achieve Click image to enlarge

hexo achieve image Click to enlarge

Click on the image to enlarge html achieve functional

Click on the image to enlarge the vue background

jquery click to enlarge (without reference to plug-in)

vue-photo-preview function for larger image

layui achieve click image preview

HTML implements image click to enlarge effect

JQuery - Click on the image to enlarge the preview effect, automatically display the black mask layer and close the image preview when you click on the preview (detailed example one-click copy operation)

vue picture click to enlarge and preview v-viewer

Click on the image pops up a floating layer images to enlarge

Click on the image to enlarge realize js pop-up effect

Click to enlarge the picture

vue of iview table showing pictures, click to enlarge realization

layui table to achieve photo preview, Click to view original

Recursive components to achieve vue

iOS development talk WKWebView adds click events to H5 web images to achieve native image preview

JQ achieve Click thumbnail to show larger image

js implementation of img click to enlarge

PhotoView click to enlarge picture effect

uniapp Click on the picture to enlarge the display

VUE click rich text image preview

ASP.NET Core MVC from scratch to achieve plug-in development (c) - how to enable components at runtime

Changes to the source code of the image preview plug-in in element-plus

vue jump page components, to achieve click on the browser comes back arrow to return to the previous page, instead of returning trail routes

The vue+element form realizes the picture display, click the picture to enlarge the display in the center of the screen

Vue project combination, vant implementation in the carousel diagram, click on the picture to enlarge the picture

vue3 simply uses a dialog box to click on the avatar to enlarge the view

Click to react determine whether the location is within the components within the assembly to achieve click an external trigger event

JS achieve image upload preview

Recommended

Face Wall Intelligence releases the Eurux-8x22B open source large model - it can be called the "science champion"

Kaiyuan Daily | Google supports Hongmeng to take over; open source Rabbit R1; Android phones supported by Docker; Microsoft’s anxiety and ambition; Haier Electric shuts down the open platform

Ranking

Jianzhi offer interview questions 68-II. The nearest common ancestor of a binary tree (recursive)

jQuery Mobile development 1-UI components

Summary of Kotlin function knowledge

[ZZ] The Naked Truth About Anisotropic Filtering

Diagnosis: record a recovery of abnormal CRASH storage caused the database to be unable to be opened normally

Redis introduction and Linux installation Redis

Experiment 2 Introduction to switches

glances open source command-line system monitoring tools introduced

Use of selector

vue3 handwriting a carousel picture

Daily

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)

2024-05-03(8)

2024-05-02(0)

2024-05-01(4)

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)

2024-04-27(29)