VUE
么心么肺
不求风sao惊天下,但求猥琐动世人 ...
展开
-
vue实现列表数据自动翻页和自动滚动
【代码】vue实现列表数据自动翻页和自动滚动。原创 2023-07-20 10:46:24 · 919 阅读 · 0 评论 -
vue项目集成富文本编辑器(tinymce)
vue项目集成富文本编辑器(tinymce)原创 2023-03-25 19:46:26 · 414 阅读 · 0 评论 -
vue大图预览方法
1.使用vue-directive-image-previewer插件安装npm install vue-directive-image-previewer -D引入main.jsimport VueDirectiveImagePreviewer from 'vue-directive-image-previewer'import 'vue-directive-image-previewer/dist/assets/style.css'Vue.use(VueDirectiveImage原创 2021-01-28 19:01:55 · 970 阅读 · 0 评论 -
vue中“\n“的解析展示与传输问题
后端获取到的字符串带"\n"返回示例:"this.ruleForm.position : 【与必游景点的距离】\n• 天安门: 约15.7公里\n• 圆明园: 约12.9公里\n• 八达岭长城: 约52.4公里\n【与附近其他景点的距离】\n• 石景山游乐园: 约343米"1.首先需要将"\n“替换成”<br>":this.ruleForm.position = this.ruleForm.position.replace(/\\n/g, "<br>")2.用v-html..原创 2021-01-06 17:43:53 · 1840 阅读 · 0 评论 -
复制内容到剪切板的两种方式
1.纯js实现复制到剪切板 <div style="padding:20px"> <el-input v-model="copyValue" id="copyText" style="width:400px;"></el-input> <el-button type="primary" @click="handleClipboard1()">copy</el-button> <p class="title">.原创 2020-11-13 19:03:42 · 1460 阅读 · 0 评论 -
vue+elementUI实现table-item的上下移动
需求描述:默认显示编辑按钮,删除和上下移动按钮置灰并禁用;点击编辑之后,编辑按钮隐藏,展示添加和保存按钮,第一项的上移按钮和最后一项的下移按钮保持不变,其他操作按钮高亮,变为可操作;此类标签添加不可超过10个。<template> <div class="main-content"> <!-- 操作按钮 --> <div class="marginTB10 fr"> <div v-if="!isEdit"> ..原创 2020-11-12 18:19:55 · 803 阅读 · 0 评论 -
vuex(状态管理模式)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。安装npm install vuex --save使用初始化store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ //创建VueX对象 state:{ name:'wangcai' //以键值对的形式存放需要进行管理的状态原创 2020-09-29 00:34:21 · 156 阅读 · 0 评论 -
常见解决跨域问题的方案
利用axios想后端请求数据,可能会发生跨域请求,发生跨域的原因可能有域名不同端口不同协议不同解决方案有两种:前端设置代理(vue.config.js)let path = require("path")// 大部分在这里配置webpack的相关的代码// webpack是基于node 不能使用import processmodule.exports = { ...原创 2021-01-29 18:02:51 · 106 阅读 · 0 评论 -
vue的生命周期和路由的生命周期
vue的生命周期beforeCreate:此时该实例内的所有东西都还没有创建,所以在这个生命周期钩子函数中事件,data都是undefined。created:在这个生命周期之间,进行初始化事件,进行数据的观测,在created的时候数据已经和data属性进行绑定,但未开始编译模板。beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中。mounted:已经将编译好的模板,挂载到了页面指定的容器中显示。beforeUpdata:状态更新之前执行此函数, 此时 data 中的状态值原创 2020-09-28 17:35:50 · 850 阅读 · 0 评论 -
路由传参的三种方式(query/params)
路由带参数:问号的形式传参(id)<router-link to "/user/detail?id=1"> 用户1</router-link><router-link to "/user/detail?id=2"> 用户2</router-link><router-link to "/user/detail?id=3"> 用户...原创 2020-09-28 16:47:01 · 42904 阅读 · 2 评论 -
vue项目中导为excel表格
引入第三方插件import FileSaver from "file-saver";import XLSX from "xlsx";导出exportData() { var xlsxParam = { raw: true }; //转换成excel时,使用原始的格式 var wb = XLSX.utils.table_to_book( docume...原创 2020-04-07 17:36:48 · 152 阅读 · 0 评论 -
vue中组件之间的数据通信方式
准备目录结构cli服务 npm i @vue/cli-service-global -g入口文件:main.jsimport Vue from "vue";import App from "./App"new Vue({ el:"#app", render:h=>h(App)})根组件:APP.Vue.js<template> ...原创 2019-11-09 22:38:56 · 295 阅读 · 0 评论 -
vue中的数据劫持
解决给age新赋一个对象解决:数组调用push 是无效的 ,Object.defienProperty是不支持数组的解决原创 2019-11-09 17:53:07 · 197 阅读 · 0 评论