Vue
Kyrossssssss
这个作者很懒,什么都没留下…
展开
-
vuex持久化插件 vuex-persistedstate
安装npm install vuex-persistedstate --save1.使用vuex-persistedstate默认存储到localStorageimport createPersistedState from "vuex-persistedstate"conststore =newVuex.Store({ plugins: [createPersistedState()]})2.使用vuex-persistedstate存储到sessionStorageimport c原创 2020-09-21 11:22:59 · 571 阅读 · 0 评论 -
在vue项目中处理svg图片(注册成组件引入)(typescript)
在vue项目中处理svg图片(注册成组件引入)(typescript)1.安装loadernpm i svg-sprite-loader2.在src目录下新建icons内置文件夹svg,用于存放图片内置文件index.ts,用于全局注册组件内置文件svgo.yml,序列化文件格式,可有可无写svg-icon.vue组件先完成vue组件<template> <svg :class="svgClass" aria-hidden="true"> <原创 2020-06-30 09:36:43 · 1008 阅读 · 5 评论 -
在vue中根据devicePixelRatio处理多倍图(less)
在vue中根据devicePixelRatio处理多倍图(less) devicePixelRatio为设备物理像素和设备独立像素的比例,在不同的机型上有2倍图和三倍图之分,比如p8和p8 plus就是一个二倍一个三倍。 在less中的处理.bg-image(@url) { background-image: e(%("url(~@/assets/images/%a@2x.png)", e(@url))); @media (-webkit-min-device-pixel-rati原创 2020-06-30 09:18:22 · 1170 阅读 · 0 评论 -
vue中用Canvas实现验证码功能
vue中用Canvas实现验证码功能(typescript)Verification.vue<template> <canvas id="canvas" @click="showNum" ></canvas></template><script lang="ts">import Vue from "vue";import { Component } from "vue-property-decorator";原创 2020-06-30 09:06:42 · 479 阅读 · 0 评论 -
Vue关于MathJax2.7的使用
引入 <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>创建方法配置let isMathjaxConfig = false;//用于标识是...原创 2019-12-20 19:18:22 · 1332 阅读 · 0 评论