随着版本的更新Element UI新增了新的组件，例如：Image，没错今天被我发了Image下面可通过 previewSrcList 开启预览大图的功能。这是官方文档中有写的，但是我想不使用Image组件又想使用预览大图的功能是否可行呢？答案是当然可以。使用方法翻看了Image的源码，发现大图预览是一个小组件image-viewer，打开看看它的props，如下props: {urlList:

this.$options 可以获取自定义属性时。用来获取data外面的数据和方法。<script>export default {name: "Test",data() {return {};},//在data外面定义的属性和方法通过$options可以获取和调用name: "zs",age: 12,haha() {console.log("haha");},created() {

<script>export default {data() {return {screenWidth: document.body.clientWidth};},watch: {screenWidth(newVal) {console.log('newVal', newVal);// console.log('old', old);// this.boxWscreenWidthidt

一、引入JSEncrypt1.安装依赖npm install jsencrypt2.在main.js（需要引入的地方）引入import { JSEncrypt } from 'jsencrypt'3.前端公钥加密、后台私钥解密、请求来的数据后台公钥加密、前端私钥解密二、引入转码方法// 16进制转byte数组function hexToBytes(hex) {for ...

vue-grid-layout作用下载及引入版本案例 以及所有属性作用1.实现桌面拖拽布局功能2.可调整每个部件的大小3.可以在不重新构建网格的情况下添加或删除小部件下载及引入下载install with npm // 用npmnpm install vue-grid-layout --save​install with yarn // 用yarnyarn add vue-grid-layout引

一、methods中使用过滤器的方法1.一种方法是采用全局过滤器设置全局的filter的方法Vue.filter(‘name’，function (val) {})在methods中使用全局的filter：Vue.filters['filterName'] (val)2.设置当前组件的方法filter: {functionName (val) {// logic process}}在methods

在Vue中遇到很多url都用到了<%= BASE_URL %>这个东西。<%= BASE_URL %> // 项目根目录在 vue-cli 创建的一个项目中执行命令vue inspect > output.js将会输出一个output.js文件，自动将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件，会发现下面一段代码：new Def