一入前端深似海

今天实现一个触摸屏，可以360°来回滑动的图片效果放在vue项目里面！网上有很多方法，这里采用其中之一，希望对你有帮助~按步骤引入：在index.html 引入 jq 和一个封装好的js。封装好的js如下(function (global, factory) { typeof exports === 'object' && typeof module !== 'u...

vue使用clipboard实现复制功能

使用vue-i18n国际化翻译

vue监听浏览器宽度、高度

记录一个通过时间戳转换日期的方法。<script type="text/javascript"> //==================获取系统当前详细日期时间================= var clock = new Clock(); clock.display(document.getElementById("clock"));function Clock() { var date = new Date();//实例一个时间对象 this.year

今儿用了Render函数这个东西渲染页面，特此记录一下用法。 const h = that.$createElement; that.$info({ title: '导出数据', content: h('div', {class: 'dialogDiv'},[ h('div', { style: {

>>这里是参考链接自己定义的假数据 let data = [ { employeeId: "", ouName: "", parentPosition: "", positionCode: "", preferredName: "", }, ]为了更灵活一些规定对象字段key值 let attributes = { id: 'positionCode',

首先送上官网地址：点这是跳转官网。接下来按步骤食用：npm install quill --save在main.js全局引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'Vue.use(Vue

话不多说直入正题 先安装2个依赖npm install -S file-saver xlsxnpm install -D script-loader然后引入一个js文件用于生成excel/* eslint-disable */// require('script-loader!file-saver');// // require('script-loader!./Blob');// const {blob} = require('./Blob')// require('script-loa

h5拖拽先介绍一个h5拖拽，他属于h5新特性，api简单，方便好用，附上文章地址HTML 5 拖放。这里是代码： <div @dragover.prevent='over' @drop.prevent='drop'> <div v-for="(item, i) in left.list" :key="i" draggable @dragstart='start' v-text='item.name'></div&

如标题： var $input = document.getElementById("input1"); console.log($input.selectionStart)

先给饿了么input 绑上方法 <el-input v-model="educationReserve.monthMoney" placeholder="" size="small" @input.native="educationReserve.monthMoney= ...

到这就完成了中国地图绘制，就可以看到文章顶部效果图，具体参数配置根据个人可以更改。引入一个公共js文件（下面这段代码就是china.js文件）下面介绍一个方法如何用echarts画一个中国地图，如图。左侧图例加上单位的写法，替换掉原有的 splitList。项目引入echarts以后，在页面创建canvas标签。使用地图的页面引入上面的公用Js！2022/5/5 特别补充，2022/5/5 追加补充。

项目中有一个横向滚动的需求，用到了swiper，看看如何实现它。1.首先在页面中引入swiper import Swiper from "swiper"2.在css中引入@import "../../node_modules/swiper/dist/css/swiper.css"; .swiper-container{ height: 80px; padding-left: 56p...

vue在引用路径的时候可以用 ./ 的形势引用如下：import './api/index'这个代表在相同文件下绝对路径的意思。项目中还有常见的@用法：import util from '@/assets/js/util'这个@是在 webpack.base.conf.js 文件里配置的，找到下面这段话 resolve: { extensions: ['.js', '.vu...

如何把vue项目打包成apk？请按照以下步骤执行。。。ps:本人用的是HBuilder编辑器首先npm run dev跑一下项目看有没有报错。然后在项目中的config文件夹中找到index.js文件，在文件中找到 build: {assetsPublicPath： ‘/’,}，路径设置为 assetsPublicPath: ‘./’。然后npm run build打包一下项目，会生成...

vue项目pc端中，有的触摸屏页面需要JS封装键盘，如下就是全部代码~1.首先是封装的键盘组件<template> <div class="keyboard" v-show="showKeyboard" v-clickoutside="closeModal"> <p v-for="keys in keyList"> <templ...

继上篇数字键盘以后，这篇文章写一下键盘用法，同猿们拿好小本本!1.封装的键盘组件<template> <div class="vitualKeyboard"> <div class="search" :style="{top:topPx,right:rightPx}"> <input name="inputArea" ...

<iframe ref="iframe"></iframe>替换src的时候不能直接替换，得覆盖之前srcset(src) { this.$refs.iframe.contentWindow.location.replace(src)}详情请移步 => https://www.jianshu.com/p/d88148184b79...

图片路径是base64格式，可以通过下面方法转成blob格式传给后端 dataURLtoBlob(dataurl) { var arr = dataurl.split(','); //注意base64的最后面中括号和引号是不转译的 var _arr = arr[1].substring(0,arr[1].length-2); var mime = arr[0].ma...

在某些项目中 input 框只能输入数字，可以用以下办法：先在标签上绑定上 @input 事件来监听标签的值变化，通过正则来改变输入的值。 <input class="keep_input" v-number-only style="width:35px" v-model="scope.row.fileOrder" @input="scope.ro...

复制功能这里我是通过clipboard.js来实现vue的复制功能，附上链接：clipboard.js。npm install clipboard --saveimport * as Clipboard from “clipboard”;const clipboard = new Clipboard(&quot;.copyBtn&quot;);在你的标签上data-clipboard-tex...............