logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 中动态添加html元素并绑定点击事件onclick

方法中动态添加html元素getWindContent(){return `</div><span style="cursor: pointer;" onclick="closeMaker()"><img class="img" src="/assets/svg/close-white.svg" /></span></div>`}moun

vue2 provide/inject watch 监控inject中值变化

提供的值不是响应式的。这是Vue 2.x的设计,与Vue 3.x中的。提供的值保存在组件的响应式数据中,然后使用计算属性或。来监控这个响应式数据的变化。如果你希望在Vue 2.x中监控。提供的值是响应式的,可以直接被。注入的值默认情况下是不能被。在Vue 2.x中,使用。不同,Vue 3.x中的。inject使用的地方。

文章图片
#vue.js#javascript#前端
前端Unicode字符图标汇总

前端Unicode字符图标 原文链接地址:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/20141225979.html如果你的页面设计中需要一些图标,你不必使用图片,也不必使用像 Font Awesome 这样的字体图标,我们要告诉你的是,在你的浏览器中已经有一个庞大的图标和符号库-Unicode。它是一个为每一个数字、字符、符号和图标分配的

vue 实现文件下载(从后台请求的数据)(包括下载图片、pdf、word等文件格式)

下载最简单的方法就是用a链接实现,然后加一个download属性。但是有一个问题,从后台请求回的接口,对于图片和pdf及svg都不能实现下载功能,也就是download没有起作用。所以下面的方法就是解决这个问题的。<a @click="downloadFile(file.name, file.url)" >下载</a>/* 第一个参数是文件的名字,第二个参数是文件...

css3盒模型、弹性盒模型、怪异盒模型

一、CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):不同部分的说明:Margin(外边距) - 清除边框外的区域,外边距

#css3
深入理解原生js拖放(draggable)

本来是打算要自己总结的,但发现了一篇比较好的博客,把我想写的都写了,甚至更加全面,所以,我只把我认为比较重要的知识点提炼一下,其他的都是转载的,想看原博主的请点击原生js拖放提炼知识点:.draggable:设置为true,元素就可以拖拽了拖拽元素事件:事件对象为被拖拽元素——dragstart,拖拽前触发——drag,拖拽前、拖拽结束之间,连续触发——dragend,拖拽结束触发目标元素事件:事

css cursor: url 自定义鼠标光标遇到的坑

1、大小不能大于32*32(切记)本人就是在这个上面栽了很久,一直出不来2、最好是 ico,cur格式3、使用绝对路径4、在逗号后面加通用游标,如官网所写示例:map.style.cursor = "url('/img/cursor.ico'), pointer";附:在线修改图片大小网址:在线图片大小修改器,图片尺寸修改,格式转换【免费】png等格式转ico:PNG转ICO - 在线转换图标文件

vue-cli3.0安装element-ui组件及按需引入element-ui组件

在VUE-CLI 3下的第一个Element-ui项目(菜鸟专用)上面这个链接是vue-cli3.0安装element-ui的详细过程,如果想要按需引用看下面的1.引入vue add elementHow do you want to import Element? --&gt;选择 Import on demand (关键)Choose the locale you want t...

vue-cli本地环境API代理设置和解决跨域(包括cookie跨域的解决)

前言我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了,通常我们的请求地址是以localhost:8080来请求接口数据的,localhost是没有办法设置cookie的。我们可以在vue-cli配置文件里面设置一个代理,跨域的方法有很多,通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。vue proxyTable接口跨域...

vue3 reactive函数用法

reactive的用法与ref的用法相似,也是将数据变成响应式数据,当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型,而reactive是用于复杂数据类型,比如对象和数组例如:定义一个对象类型的变量user<template><div><p>{{ user }}</p><button @click="increase">c

    共 55 条
  • 1
  • 2
  • 3
  • 6
  • 请选择