vue父子组件的通信方法(实例详解)
一、父组件向子组件传递数据 1、首先形成父子组件关系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...
- 0
- 0
- admin
- 发布于 2020-07-21 22:26
- 阅读 ( 523 )
admin
分享Angular http interceptors 拦截器使用(推荐)
AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 拦截器 在开始创...
- 0
- 0
- admin
- 发布于 2020-07-21 22:26
- 阅读 ( 584 )
vue-父子组件和ref实例详解
父组件向子组件传值 <div id="app"> <!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式，传递到子组件内部...
- 0
- 0
- admin
- 发布于 2020-07-21 22:25
- 阅读 ( 581 )
vue $set 给数据赋值的实例
如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 业务介绍：模拟后台数据向DOM树上遍历数据，再向数据里添加状态属性，根据状态改变显示图片，默认nochecked.png，点击时改变状...
- 0
- 0
- admin
- 发布于 2020-07-21 22:25
- 阅读 ( 537 )
Vue 数组和对象更新,但是页面没有刷新的解决方式
在使用数组的时候，数组内部数据发生改变，但是与数组绑定的页面的数据却没有发生变化。 <ul> <li v-for="(item,index) in todos" :key="index">{{item.name}}</li> <...
- 0
- 0
- admin
- 发布于 2020-07-21 22:24
- 阅读 ( 579 )
使用Vue.set()方法实现响应式修改数组数据步骤
在页面中显示数组数据时发现了一个问题，当在methods方法中修改数组数据后，虽然数组已经发生改变，但是改变后的数据并没有渲染到页面上。这是因为在VUE中，如果在实例创建之后添加新的属性或者...
- 0
- 0
- admin
- 发布于 2020-07-21 22:24
- 阅读 ( 584 )
vue实现页面内容禁止选中功能,仅输入框和文本域可选
上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-sele...
- 0
- 0
- admin
- 发布于 2020-07-21 22:23
- 阅读 ( 587 )
Vue 实现复制功能,不需要任何结构内容直接复制方式
介绍： 在做复制文档功能时，考虑到是个不太会复用的小功能，最后选择直接用 document.execCommand 方法实现。 在查阅资料时候，发现其他人都需要在页面上写上结构、ID。然后捕捉某个ID获取内...
- 0
- 0
- admin
- 发布于 2020-07-21 22:23
- 阅读 ( 585 )
Vue实现点击按钮复制文本内容的例子
点击复制功能主要通过 clipboard.js 来实现 在vue中使用clipboard.js 时候发现一个问题，就是如果不是input或者button 按钮的话，则复制不成功，使用步骤如下： 1、引入clipboard.js，方法如...
- 0
- 0
- admin
- 发布于 2020-07-21 22:22
- 阅读 ( 587 )
JS实现的进制转换，浮点数相加，数字判断操作示例
本文实例讲述了JS实现的进制转换，浮点数相加，数字判断操作。分享给大家供大家参考，具体如下： <script> document.write("整数转换函数：parseInt(数据,底数)<br>"); document.w...
- 0
- 0
- admin
- 发布于 2020-07-21 22:22
- 阅读 ( 535 )
JS+html5实现异步上传图片显示上传文件进度条功能示例
本文实例讲述了JS+html5实现异步上传图片显示上传文件进度条功能。分享给大家供大家参考，具体如下： <html> <head> </head> <body> <p> emo_alb...
- 0
- 0
- admin
- 发布于 2020-07-21 22:21
- 阅读 ( 573 )
js实现的在本地预览图片功能示例
本文实例讲述了js实现的在本地预览图片功能。分享给大家供大家参考，具体如下： 移动web <body> <form enctype="multipart/form-data" name="form1"> 上传文件：<input id="f"...
- 0
- 0
- admin
- 发布于 2020-07-21 22:21
- 阅读 ( 574 )
vue 取出v-for循环中的index值实例
一开始接触到vue的for循环就觉得贼好用，重复性的东西再也不用ctrl C+ctrl V了好吗。不仅代码可复用了，而且提高了代码可读性、减轻了工作量，更重要的是写代码都有成就感了。 贴出个小小例子...
- 0
- 0
- admin
- 发布于 2020-07-21 22:20
- 阅读 ( 574 )
Vue v-for循环之@click点击事件获取元素示例
应用背景 浏览论坛的贴子（数据库的数据通过vue遍历在html页面上） 点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id） 1、设置一个隐藏值的放置Id的div，点击div就获取id，传参到...
- 0
- 0
- admin
- 发布于 2020-07-21 22:20
- 阅读 ( 568 )
Vue实现页面添加水印功能
创建watermark.js文件 let watermark = {} let setWatermark = (str) => { let id = '1.23452384164.123412416'; if (document.getElementById(id) !== null) { document.body.removeC...
- 0
- 0
- admin
- 发布于 2020-07-21 22:19
- 阅读 ( 550 )
vue 实现特定条件下绑定事件
今天写了个小功能，看起来挺简单，写的过程中发现了些坑。 1.div没有disabled的属性，所以得写成button 2.disabled在data时，默认是true，使得初始化时，默认置灰按钮，无法点击 <div cla...
- 0
- 0
- admin
- 发布于 2020-07-21 22:19
- 阅读 ( 581 )
Vue通过for循环随机生成不同的颜色或随机数的实例
需求：随机生成不同的如下图标的背景颜色 方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除非刷...
- 0
- 0
- admin
- 发布于 2020-07-21 22:18
- 阅读 ( 579 )
vue 根据选择条件显示指定参数的例子
html部分 <el-select style="width: 200px;margin-left:5px;" v-model="queryType" slot="prepend" class="filter-item" @change="changepara"> <el-option v-for="(item,index)...
- 0
- 0
- admin
- 发布于 2020-07-21 22:18
- 阅读 ( 474 )
在vue中动态添加class类进行显示隐藏实例
如下所示： <div class="status_button"> <el-button type="success" @click="checkSite" >查岗</el-button> <el-button type="danger">视频</el-bu...
- 0
- 0
- admin
- 发布于 2020-07-21 22:17
- 阅读 ( 520 )
vue-resource:jsonp请求百度搜索的接口示例
1. yarn add vue-resource 2. main.js引入vue-resource import Vue from 'vue' import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import App from './App.vue' import router fr...
- 0
- 0
- admin
- 发布于 2020-07-21 22:17
- 阅读 ( 514 )
