![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
ze1024
一起学习,一起进步
展开
-
js数组数据和对象数据做比较,并改变数组的值
如果你有更好的实现方式,欢迎在评论区进行交流原创 2021-10-11 14:48:38 · 1447 阅读 · 0 评论 -
Vue结合element ui 实现图片上传可预览,可删除,以base64字符串上传到服务器
图片实现base64上传实现背景实现方式实现代码实现背景图片上传一般都是通过调用文件上传接口,返回图片地址,我们用拿到的图片地址进行相应操作,如表单提交等;但是最近有一个朋友遇到了一个问题,他们没有做图片管理,所以需要前端将图片转换为base64的形式进行上传. 将图片转化为base64,然后提交这个转换后的字符串.下面是实现方式实现方式通过element-ui 提供的upload方法进行上传,获取上传的file文件,进行转化,提交实现代码html代码 <div class="ma原创 2021-09-24 17:23:42 · 1817 阅读 · 0 评论 -
vue使用element的table表格prop的数据是数组的问题 formatter解决
一般我们在项目开发中使用的表格大多是ui组件库里面的,一般都是一个prop对应一个字符串,但有的时候产品设计需要一个字段下面展示很多的数据,这个时候得做处理了如下,要求一个表格里面展示很多的人名,后端返回的数据是数组形式的,这个时候需要前端做一下处理,比如给人名之间加一个逗号之类的我使用的是element table 里面的formatter 具体如下 <div style="width:50vw"> <el-table :data="tableData" styl原创 2021-03-29 14:43:15 · 5157 阅读 · 3 评论 -
vue和react 动态渲染div的宽度
react 动态渲染div的宽度react里面使用map遍历,动态渲染 {dataList && dataList.length > 0 && dataList.map((item, index) => { return <div key={index}> <div className="bgcolor" style={{ "width": `${item.length}%` }}>原创 2020-10-21 15:32:29 · 1223 阅读 · 0 评论 -
vue里面的js引入图片,必须用require
vue中js引入图片,须用require引入一般情况下,我们在vue里面引入图片的话,基本上是这样子写的 <img src="../../assets/logo.png" alt=""> 但是在有些需求下,图片需要在在js里面引入,这种情况下,vue中js引入图片,需要用require下面列举例子以供参考<template> <div style="display:flex;"> <div v-for="it原创 2020-09-21 16:33:54 · 4615 阅读 · 0 评论 -
vue 实现图片预览
vue实现图片预览现在很多的项目里面图片展示缩略图,然后点击实现图片预览,放大的功能最近我的项目里面就遇见了这么个场景,我选用了插件进行处理下面说下实现步骤1、首先安装插件npm install vue-photo-preview --save插件地址 2、在main.js里面引入,全局使用import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)原创 2020-09-07 17:23:45 · 13864 阅读 · 3 评论 -
Vue常见面试题
vue的一些常见的面试题1、Vue实现双向数据绑定原理采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。通过 getter 和 setter 劫持了对对象赋值的过程,在这个过程中可以进行更新 dom 操作等等2、bus需要注意什么事件订阅必须在事件广播前注册;取消事件订阅必须跟事件订阅成对出现。数据量比较少时可以使用,业务多或者数据比较复杂建议使用vuex3、原创 2020-07-17 09:12:51 · 241 阅读 · 0 评论