● Vue
文章平均质量分 86
Vue
HolaSecurity
〖学海无涯〗【回头是岸】
展开
-
vue 动态生成按钮,@click 绑定方法名称,handler.apply is not a function
需求来源于一个管理系统的权限管控模块。需求描述:进入页面,触发方法,从服务端获取当前用户在当前页面下的操作权限,生成对应的操作按钮。正常情况,接到这种需求,都会想到使用子组件获取操作权限,v-for 遍历生成按钮,父组件调用,如下:子组件 mybutton.vue<template> <div> <el-button v-for="item in buttonlist" :key="item.id" @click="item.methodName"&.原创 2021-08-21 10:54:02 · 7952 阅读 · 0 评论 -
Vue + Echarts 正态分布图,在线计算标准差,生成正态分布曲线
文章目录正态分布(vue 实现)效果图Html 代码原数据正态分布(vue 实现)效果图Html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="refresh" content=""> <meta name="viewport" content="width=device-width,原创 2020-11-30 13:50:37 · 8333 阅读 · 4 评论 -
【Vue.JS】 Vue.js 制作数据走势记录表
效果图在线预览GitHub链接代码<!DOCTYPE html><head> <!-- <meta http-equiv="Refresh" content="5" /> --> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script> <原创 2020-06-09 14:45:37 · 330 阅读 · 0 评论 -
【Vue.JS】Vuex 的使用
VueXVuex 是 Vue 状态管理模式的框架。其最大的特点就是响应式数据数据存储。简单来说,就是 vuex 在自己的核心 store 中存储数据,这些数据一旦发生变化,相应的所有使用到该数据的组件都会高效的更新。并且 Vuex 的 store 中的数据,是全局对象,在所有的组件中都可以直接调用,而不需要普通组件的 props 和 emit 等操作。VueX 安装npm i ...原创 2019-06-19 15:22:09 · 149 阅读 · 0 评论 -
【Vue.JS】Render 实现留言板实例及 Avoid mutating a prop directly 错误处理
声明:文中代码整体思路来源于 梁灏 编著的 【Vue.JS 实战】一书,学习过程中发现一处问题。以做记录效果图代码index.html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible...原创 2019-06-11 21:07:31 · 430 阅读 · 0 评论 -
【Vue.JS】Vue.JS 表格内容排序组件,Render函数的使用
声明:文中代码整体思路来源于 梁灏 编著的 【Vue.JS 实战】一书,学习过程中因觉得该组件效果不错,比较实用,所以记录一份并做了详细的注释以供学习效果图代码index.html<!DOCTYPE <!DOCTYPE html><html><head> <meta charset="utf-8" /> ...原创 2019-06-11 16:11:35 · 635 阅读 · 0 评论 -
【Vue.JS】Vue.JS 标签组件实例
声明:文中代码来源于 梁灏 编著的 【Vue.JS 实战】一书,并非原创。学习过程中因觉得该组件效果不错,比较实用,所以自己记录以下供以后学习。效果图代码HTML<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>标签组件</t...原创 2019-05-31 16:51:53 · 139 阅读 · 0 评论 -
【Vue.JS】Vue.JS 中 props 从父组件向子组件传递数据取值问题
关于 VueJS 中 props 传递数据时需要重点注意的一个地方 – 命名。代码如下<div id="app"> <div> <p> props 中声明的数据与组件 data 函数中 return 的数据主要区别就是 props 的数据来自父级,而 data 中的数据是组件本身的,作用域是组件本身 ...原创 2019-05-30 16:48:01 · 647 阅读 · 0 评论 -
【Vue.JS】Vue.JS 中的修饰符
原始代码(修饰符将在此代码基础上测试)<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script><div id="demo"> <a href="https://www.github.com">www.github.com</a> <div id=...原创 2019-05-30 10:13:47 · 398 阅读 · 0 评论 -
【Vue.JS】纯 Vue.js 制作甘特图
效果图Vue.js 引入<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>CSS 代码<style> table { border-collapse: collapse; border-width: 1; } p ...原创 2019-08-18 22:18:28 · 6938 阅读 · 5 评论 -
【Vue.JS】Vue.js 基本数据绑定 & 过滤器 & 计算属性 & 方法 & 购物车自动汇总总价的Demo
Demo最终效果图Vue 基本使用基本的数据绑定{{}} 插值表达式绑定数据。这种情况返回输出的是纯字符串。基本指令运用v-bind 绑定某一属性。如 v-bind:src=“http://…”v-onv-ifv-html 如果想输出 HTML 文档v-pre 跳过当前元素和它子元素的编译过程。: 是 v-bind 的语法糖。v-bind:src="" 等价...原创 2019-05-27 17:07:23 · 399 阅读 · 0 评论 -
【Vue.JS】Expected indentation of 0 spaces but found 2 & Missing space before function parentheses
使用 webstorm 运行 vue 项目时。报错如下:WARNING Compiled with 1 warnings原创 2019-05-22 21:12:17 · 527 阅读 · 0 评论 -
【Vue.JS】Chrome 调试工具 vue-devtools 离线安装
使用 Chrome 浏览器运行 Vue 代码时,Chrome 会在控制台给出友好建议:下载 Vue Devtools 进行调试。vue-devtool 是基于 Chrome 的一款调试神器。使用它开发 Vue,可以大幅度的提升开发效率。首先,按照 Chrome 浏览器 console 提示,访问 github 地址。https://github.com/vuejs/vue-devt...原创 2019-05-20 20:08:05 · 4703 阅读 · 1 评论