1.渲染富文本：使用Vue提供的 v-html 进行富文本内容渲染<div v-html="content" @click="imageChgange($event)"></div>2.获取点击元素，点击图片预览绑定点击事件，传入 $event 参数//ImagePreviewVant组件库图片预览组件ima...

 在main.js 或者你自己配置的api.js中使用，原理：根据获取到的URL的主机名 来判断是开发环境或测试环境或正式环境，来设置不同的baseUrllet baseUrl = '';if (location.hostname == '***') { //测试环境baseUrl = '***';} else if (location.hostname == '*****')...

先上效果图，这个项目的github可以看一看从上图中，我们可以看出界面主要分为menu和item2块，其中menu的动画是自传，item的动画是位移，然后这里我们通过绝对布局的方式将整个控件定位在四个角落。.menu_container {position: absolute;z-index: 100;border-radius: 50%;tr...

axios依赖安装：npm install axios -S新建axios文件夹-> baseUrl.js & index.js & router.jsmain.js 引入//axios封装import './axios' js介绍：baseUrl.js：baseUrl.js 简单区分开发环境、测试环境及生产环境 ，之前有篇文章已经介绍  ...

由于elementUI对input进一步进行封装，直接@keyup.enter是没有响应的。使用方法是在事件后面脚上.native<el-input type="password" v-model="form.pwd" @keyup.enter.native="submitForm()" placeholder="

最近在开发项目中遇到引用组件老是报错：[Vue warn]: Unknown custom element: <is-notice> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

想必大家在项目开发中难免会用到关键字筛选的功能，正好这次项目有需求要做这一块，就整理一下vue的input输入框输入关键字检索数据列表的代码。下面直接上代码：html：<!-- 筛选demo --><template><div><input type="text" v-model=

背景：图片为本地资源，根据后台返回的icon（图片名字/标记）匹配本地图片。代码：（假数据）<template><div><ul class="gift_main_list" v-if="tabIndex == 1"><li class="list_i

概念：函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现...