随笔分类 - VUE
摘要：// 上传前 beforeUpload(file) { // 创建一个Image对象 const image = new Image(); // 设置图片的src为选中文件的对象url image.src = URL.createObjectURL(file); return new Promise
阅读全文
摘要：computedData(arr) { /* let arr = [ [1,2,3], [2,3,4], ] 计算结果 [3,5,7] */ let resArr = [] for (let i = 0; i < arr.length; i++) { arr[i].forEach((value, i
阅读全文
摘要：表情转unicode const str = '笑脸😋桃心❤🙏拜托💤睡觉😀😃😄😁' const emojiReg = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-
阅读全文
摘要：<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img"
阅读全文
摘要：npm install jsqr <template> <div> <button type="primary" @click="handUpload">上传图片</button> <div style="display: none;"> <input type="file" accept="ima
阅读全文
摘要：<template> <div class="box"> <ul> <li v-for="(item, inx) in 10" :key="inx" :class="[`lou_${inx}`, { 'active': inx == current }]"> <a @click="navCheck(
阅读全文
摘要：代码展示： <template> <div class="home"> <div id="sendMsg" contenteditable="true" class="textarea" @input="input" @compositionstart="compositStart" @compos
阅读全文
摘要：如下是我们需要得到的文字大小和字体的效果: 自定义字体、文字大小JS部分： //引入Qill插件 import Quill from "quill"; // 自定义字体 let fontFamily = ['宋体', '黑体', '微软雅黑', '楷体', '仿宋', 'Arial', '苹方'];
阅读全文
摘要：路由是连接各个页面的桥梁，而参数在其中扮演者异常重要的角色，在一定意义上，决定着两座桥梁是否能够连接成功。 在vue路由中，支持三种传参方式。 场景：点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取对应li的数据，显示相应的正确的内容。 第一种 <li v-for="item in l
阅读全文
摘要：1.vue+element 键盘回车事件导致页面刷新的问题 ps:今天发现输入框输入内容后回车就会刷新页面。即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签上添加 @submit.native.prevent。 <el-form
阅读全文
摘要：先cnpm安装vue-echarts cnpm install echarts vue-echarts main.js import ECharts from 'vue-echarts' import 'echarts/lib/chart/line' Vue.component('chart', E
阅读全文
摘要：在我们创建项目的时候，把eslint语法检查给装上，在使用vscode编写代码的时候，打个空格或者换行，编辑器就出现红色波浪线提示错误，这就真的有点恶心了，在网上也找了很多方法，都没有解决到根本问题，索性就自己去设置，试了半天，总算是成功解决，现在分享给大家 红色波浪线出现的地方有两处，一处是js文
阅读全文
摘要：效果示例 // 第一种：筛选变色（推荐） KeyRegExp:function(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keywor
阅读全文
浙公网安备 33010602011771号