Vue.js
jimjiayu
这个作者很懒,什么都没留下…
展开
-
vue下载在前端存放的pdf文件
文件是在前端public文件夹下放的。原创 2023-09-28 09:41:41 · 1151 阅读 · 0 评论 -
vue运行报错:There are multiple modules with names that only differ in casing
vue运行报错:There are multiple modules with names that only differ in casing由报错信息推知,这是由文件路径或文件名同时存在大小写所导致的模块冲突问题```根据报错信息看到是,源代码在引入模块文件的时候写成了小写import VectorLayer from "ol/layer/vector"; 实际查看包文件里是Vector.js更正为:import VectorLayer from "ol/layer/V原创 2021-04-28 14:52:40 · 225 阅读 · 0 评论 -
Vue事件修饰符
如果想要阻止执行事件默认行为——例如:当链接被单击时阻止页面的跳转——可以使用.prevent修饰符:<a @click.prevent = "handleClick"></a>如果想要阻止事件继续传播,以避免在父级元素上触发事件,可以使用.stop修饰符。<button @click.stop="handleClick"></button>如果想要只在第一次触发事件的时候触发事件侦听器,可以使用.once修饰符。<button.原创 2020-05-24 13:33:51 · 679 阅读 · 0 评论 -
ElementUI el-tree 树形控件给节点添加图标
<template> <div class="tree"> <el-tree :data="data5" node-key="id" default-expand-all > <span class="custom-tree-node" slot-scope="{ nod原创 2018-09-20 17:24:08 · 79066 阅读 · 31 评论 -
ElementUI el-tree 属性空间实现单选
<template> <div class="tree"> <el-tree :data="data2" show-checkbox node-key="id" default-expand-all @check-change="handleClick" ref="treeForm" @node-cl原创 2018-09-20 17:04:42 · 10420 阅读 · 4 评论 -
el-dropdown-menu 绑定click事件不起作用
<el-dropdown> <i class="el-icon-setting" style="margin-right: 15px"></i> <el-dropdown-menu slot="dropdown"> <el-dropdown-item&转载 2018-09-18 10:21:58 · 2424 阅读 · 0 评论 -
vue.js 父组件主动获取子组件的数据和方法、子组件主动获取父组件的数据和方法
父组件主动获取子组件的数据和方法1.调用子组件的时候 定义一个ref<headerchild ref="headerChild"></headerchild>2.在父组件里面通过this.$refs.headerChild.属性this.$refs.headerChild.方法子组件主动获取父组件的数据和方法在子组件里面通过this...原创 2018-06-07 16:12:08 · 88041 阅读 · 4 评论 -
Vue.js 父组件给子组件传值
父组件给子组件传值父组件调用子组件的时候,绑定动态属性//父组件&lt;headerchild :title="title" :run="run" :header="this"&gt;&lt;/headerchild&gt;2.在子组件里面通过props接收父组件传过来的数据 props:[‘title’] 或原创 2018-06-07 15:41:56 · 17561 阅读 · 0 评论 -
vue-resource请求数据
需要安装vue-resource模块 npm install vue-resource –save main.js文件里引入和使用vue-resourceimport VueResource from 'vue-resource' Vue.use(VueResource)3、 在组件中直接使用<template> <div id="list">...原创 2018-06-06 17:42:21 · 561 阅读 · 0 评论 -
Vue.js实现ToDoList
//localStorage.js// 封装操作localstorage本地存储的方法,实现保存历史记录var storage = { set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(localS...原创 2018-06-06 15:45:34 · 560 阅读 · 0 评论 -
Vue.js项目中使用Iconfont字体图标
原创 2018-05-08 15:11:41 · 2895 阅读 · 0 评论 -
Vuex入门小例子
vuex教程main.jsimport Vue from 'vue'import App from './App'import router from './router'import Vuex from 'vuex'import store from './vuex/store'import ElementUI from 'element-ui'import 'element...原创 2018-05-10 16:44:13 · 316 阅读 · 0 评论 -
vue开发环境搭建
一、安装Node.js node下载地址 二、安装webpack和vue-cli脚手架 在命令行中执行下列两个命令,进行安装。 npm install webpack -g npm install vue-cli -g 三、创建vue测试项目 1、打开命令行,进入到希望创建vue测试项目的路径,然后在命令行中执行下列命令,进行项目创建。 vue init webpack原创 2017-10-26 14:52:16 · 531 阅读 · 0 评论 -
Vue.js实现可编辑的表格
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> <style type="text/css"> table tr td{ text-align: center;原创 2017-10-30 10:25:47 · 28535 阅读 · 6 评论