Vue中v-on的一些应用
前言学习v-on的时候,本来想把v-on绑定到下拉框上,选择什么弹出对应选择的值;实现的时候发现v-on只能绑定select标签的change,而绑定不到onChange点击查看代码<!DOCTYPE html>
<html lang="en">
<head>
<meta char
转载
2024-03-28 14:17:37
0阅读
属性
window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。
在窗口大小改变之后,就会触发resize事件.
//vue页面
<template>
<div id='echart'>
报表
</div>
</template>
<script>
export default {
原创
2023-06-23 16:29:37
446阅读
点赞
1评论
说明此处仅做简单的记录,并没有详细的去整理。步骤1、通过命令在项目根目录安装vuexnpm install vuex --save-dev2、然后在src目录下新建一个store文件夹,在文件夹中新建index.js文件,在此文件中输入以下代码:import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store();export default s.
原创
2021-08-27 09:37:10
657阅读
以vue-cli生成的项目为例1.static文件夹下先放入ueditor文件2.index.html添加如下代码<script type="text/javascript" charset="utf-8" src="static/ueditor/ueditor.config.js"></script><script type="tex...
原创
2021-07-14 11:34:57
371阅读
vue项目中使用echarts一、使用场景在项目开发中,我们往往会遇到数据统计方面的需求,这时候为了直观的呈现数据,我们需要制作图表。此时,我们可以使用 echarts 来制作。二、使用步骤安装 echartsnpm install echarts --save在 main.js 中引入import echarts from "echarts";挂在到 Vue 实例上Vue.prototype.$echarts = echarts;DOM结构<div id
原创
2022-01-11 13:59:37
723阅读
属性
window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。
在窗口大小改变之后,就会触发resize事件.
//vue页面
<template>
<div id='echart'>
报表
</div>
</template>
<script>
export default {
原创
2023-10-23 08:39:23
106阅读
点赞
1评论
一、安装jQuery
Bootstrap需要依赖jQuery,所以引用Bootstrap之前要先引用jQuery,使用下面的命令引用jQuery:
npm install jquery --save
二、引入Bootstrap
1、使用命令安装
npm install bootstrap --save
2、下载Bootstrap文件
直接去Bootstrap下载bootstrap包,把下载好的文件
原创
2021-08-16 11:54:08
1007阅读
1. 安装 npm install echarts -S 2. 引入 全局引入 //main.js文件中 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 单个文件引入 //.vue文件 <script> impo ...
转载
2021-09-15 17:18:00
663阅读
2评论
以vue-cli生成的项目为例 1.static文件夹下先放入ueditor文件 2.index.html添加如下代码 1 2 3.webpack.base.conf.js添加如下配置 1 2 3 4.index.html中添加 1 2 3 5.editor组件
转载
2017-11-13 14:21:00
257阅读
2评论
vue项目使用vuedraggle
原创
2023-08-16 13:56:52
681阅读
1.如果只使用config配置的相关js接口执行 npm weixin-sdk-js --save 局部引入 在vue页面中 import wx from 'weixin-sdk-js'; 全局引入 在vue 的main.js 页面中 引入后编写到vue原型链上,然后全局调用 import wx from "weixin-sdk-js";Vue
说明此处仅做简单的记录,并没有详细的去整理。步骤1、通过命令在项目根目录安装vuexnpm install vuex --save-dev2、然后在src目录下新建一个store文件夹,在文件夹中新建index.js文件
原创
2022-01-15 15:10:36
1245阅读
文章目录一、Vuex 是什么?二、使用步骤1.引入Vuex2.在src文件夹下创建store文件夹3.在main.js引入Vuex3.在组件中使用4.原理图 一、Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、使用步骤1.引入Vuexnpm install vuex
原创
2023-05-19 15:24:47
55阅读
概念: mock是一个模拟数据生成器,旨在帮助前端独立于后端进行ttion: * @version: * @Author: zhangfan * @e.
原创
2023-05-19 15:28:15
198阅读
前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码,界面不太美观,对于老浏览器兼容还不错,但是我这里采用的是VueJS来开发,所以放弃wangEditor:比
原创
2020-12-16 20:02:23
1777阅读
npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader
转载
2020-02-19 19:42:00
233阅读
VUE项目中使用Luckysheet
原创
2023-07-02 19:34:46
3924阅读
点赞
vue项目中使用echarts一、使用场景在项目开发中,我们往往会遇到数据统计方面的需求,这时候为了直观的呈现数据,我们需要制作图表。此时,我们可以使用 echarts 来制作。二、使用步骤安装 echartsnpm install echarts --save在 main.js 中引入import echarts from "echarts";挂在到 Vue 实例上Vue.prototype.$echarts = echarts;DOM结构<div id
原创
2021-08-27 12:37:50
425阅读
第一步:安装一下pathnpm install path --save第二步:在vue.config.js文件中配置一下
原创
2023-06-05 14:19:07
400阅读
开发中遇到一个需求:在Vue项目中使用已经开发好的React组件。这里选择了使用vuera库来
原创
2022-07-12 21:09:49
4874阅读