仙人掌的博客

上传文件之前实现预览的功能；文件的类型限于pdf和图片.基于ant-desigh和vue-pdf插件实现文件上传之前能预览、有分页的功能。（既有图片也有pdf文件）先上效果图：(多个文件上传预览)代码如下：DOM结构：<template> <div class="home"> <div class="wrap"> <div class="wrap-upload-div"> ...

<input type="text" v-model="name" ref="input" /> <script>export default { data() { return { name: "张三", }; }, methods: { changeName() { this.$ref...

vue.js官网中生态系统中给我们提供一个官方的插件vuex,利用这个插件我们可以集中式管理数据，一处修改，多处应用，多个组件依赖同一状态。主要应用于开发中大型项目。首先：npm i vuex -S引入插件import Vuex from 'vuex'Vuex是个对象，相关成员如下成员 用途 Store 类，构造状态管理的实例 mapActions 函...

系统指令在不够用的情况下，考虑自定义，指令是个函数|对象,用来操作dom的, 里面的this 返回window全局定义Vue.directive('指令名',函数(el,binding){})[指令名] 不带v-[el] 使用指令的DOM元素[binding] 是个对象 含有调用指令时传入的 参数局部定义new Vue({ directives:...

vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，帮助我们快速的调试开发vue应用。第一步：我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。克隆方法：git clone https://github.com/vuejs/vue-devtools.git第二步：解压下载好的文件，进入到vu...

可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。注意：v-model会忽略所有表单元素的value、checked、selectedattribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的data选项中声明初始值。v-...

vue中条件渲染一段dom可以根据数据有条件的渲染，使用指令v-show，或者v-if都可以,对应的值是布尔值<div v-show="true">box1</div><div v-if="false">box2</div>v-show VS v-if 区别，根据需要选择。 v-show="布尔" v-if="布尔"...

路由本身有query参数，但是我点击更新了query，也push了，页面url不改变，这个时候其实用到了对象的拷贝，你需要对query对象做拷贝，对象的深拷贝和浅拷贝 let query = this.$router.history.current.query; let path = this.$router.history.current.path; //...