vue
文章平均质量分 59
俊人呀
这个作者很懒,什么都没留下…
展开
-
动态增加行列
1211原创 2022-08-20 11:24:32 · 722 阅读 · 0 评论 -
延时执行函数
setTimeout(()=>{}, 1000);原创 2021-06-17 17:20:54 · 99 阅读 · 0 评论 -
element-ui 弹窗拖拽
创建drag.js放在config路径下drag.js文件内容为import Vue from 'vue';//使用Vue.directive()定义一个全局指令//1.参数一:指令的名称,定义时指令前面不需要写v-//2.参数二:是一个对象,该对象中有相关的操作函数//3.在调用的时候必须写v-const getAttr = (obj, key) => ( obj.currentStyle ? obj.currentStyle[key]原创 2021-06-17 10:10:47 · 236 阅读 · 0 评论 -
element-ui周选择器选择第几周
<template> <div class="test-box"> <span>每周</span> <el-date-picker :clearable="false" v-model="valuetime" :format="'yyyy-MM 第' + startdata + '周'" @change="weekChange" value-format="yyyy-MM-.原创 2021-05-31 21:33:12 · 1282 阅读 · 0 评论 -
Electron+vue的使用
.现如今前端框架数不胜数,尤其是angular、vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么?? 对于我来说Electron相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通俗来说就是软件,比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象,可以构建跨平台桌面程序,本身支持node.js,可以使用nod...原创 2021-03-02 13:50:24 · 617 阅读 · 0 评论 -
vue过滤器金额大写
<template> <div class="liuone"> <el-row v-if="seen"> <el-col :span="24" ><div class="grid-content bg-purple-dark">1</div></el-col > <el-col :span="24" ><div class=.原创 2020-11-09 16:18:30 · 337 阅读 · 0 评论 -
vue2.0父子组件以及非父子组件之间通信
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}子组件通过pro...原创 2018-03-06 09:20:58 · 226 阅读 · 0 评论 -
Vue(1)
1、创建 web 工程基本文件夹我们创建了一个vue-demo-1的文件夹,然后在里面创建了三个文件夹,分别存储网页的样式表(css)、图片(images)、脚本(js)文件,还创建了一个demo1.html 的静态文件来书写代码。2、HTML 的 <script> 引入直接从 .html 文件的标签 <script> 引入 :<script type="text/j...原创 2018-03-02 10:39:59 · 303 阅读 · 0 评论 -
vue(2)
主要做一下三条新制作了一个城市选择的页面(容器),通过指令 v-if 控制它是否显示;城市列表通过指令 v-for 来循环遍历;增加了一个 modal 框,用来提示用户信息。界面的改动界面布局略微做了一些改动:先前的布局、新增的城市选择界面、弹出框三个容器,用新的 div 包装起来:这三这 div 都设置相同的 css 样式,铺满整个容器 :还使用了 vue 自带的过渡组件 <transit...原创 2018-03-02 10:48:46 · 284 阅读 · 0 评论 -
vue(3)vue组件
何时需要组件我们点击《授权协议》和 开始授权按钮 的时候,都需要一个modal弹出框来提示用户相应的信息。这个modal就是我们需要做的组件。modal:注册组件,并抽取到 .js 文件中1、注册需要注意的是 vue 可以全局注册和局部注册组件,我们可以根据实际情况的不同分别采取不同的注册方式。 这里的 modal 在多处需要用到,我们采用全局注册的方式。利用代码 Vue.component(ta...原创 2018-03-02 10:55:59 · 1175 阅读 · 0 评论 -
vue(4)生命周期
下面试各个生命周期中应该写什么函数Vue提供的可以注册的钩子都在上图片的红色框标注。 他们是:beforeCreate在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。created实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而...原创 2018-03-02 11:13:09 · 274 阅读 · 0 评论 -
vue(5)vue-axios
引入方式:$ npm install axios$ cnpm install axios //taobao源$ bower install axios// 或者使用cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script> get请求// 向具有指定ID的用户发出请求axios.get...原创 2018-03-02 11:21:14 · 163 阅读 · 0 评论 -
vue(6)vue-代码风格
原创 2018-03-02 11:22:30 · 300 阅读 · 0 评论 -
vue-动态路由传参
在vue点击跳转时,需要带着当前页面的参数id一起跳转<router-link :to="'/url/' + item.id">跳转到url中 带着当前的item.id例如下个页面的数据需要这个页面跳转时的id来判断显示哪条。<!-- 字符串 --><router-link to="home">Home</router-link><!--原创 2018-03-02 13:18:42 · 1656 阅读 · 0 评论 -
vue向后端发送数据并得到返回值
window.onload = function(){ var vm = new Vue({ el:'#box', data:{ msg:'Hello World!', }, methods:{ get:function(){ //发送get请求...原创 2018-03-05 08:38:54 · 28832 阅读 · 2 评论 -
vue过滤器的用法
通过一个实际的例子说明2.0版本中过滤器的用法。代码如下:<div id="app"> <span>SearchByName: </span> <input v-model="searchQuery"> <table> <thead>原创 2018-03-09 16:09:11 · 275 阅读 · 0 评论