vue
关注
分享
扫一扫
kxukai
这个作者很懒，什么都没留下…
展开
-
vue $refs 父访问子的属性 子访问父
不常用 this.$children 子$parent 父$root 顶级原创 2020-01-08 10:06:25 · 365 阅读 · 0 评论 -
Vue 组件
组件内部不能访问 Vue 实例组件中变量的使用 data 必须是函数 否则会有连锁反应 data多个 实例 app2 app3 都可以使用 my-cpn 全局组件父子组件语法糖直接注册组件 省去第一步 创建组件构造器对象局部组件同理 亦可如此...原创 2020-01-07 14:54:15 · 118 阅读 · 0 评论 -
在线测试前端代码
https://codepen.io/pen/?editors=1000原创 2020-01-07 14:53:45 · 329 阅读 · 0 评论 -
es6 for 高级用法 filter map reduce
array.map 同理 箭头函数原创 2020-01-04 19:54:30 · 306 阅读 · 0 评论 -
vue disabled动态绑定事件
原创 2020-01-04 19:21:11 · 1918 阅读 · 0 评论 -
vue过滤器 fliters
原创 2020-01-03 12:02:05 · 160 阅读 · 0 评论 -
es6 语法 num可变参数 splice vue.set 的使用
原创 2020-01-03 10:48:24 · 235 阅读 · 0 评论 -
vue for :key的作用 操作数组 增删改 效率 性能更高
原创 2020-01-03 10:21:37 · 261 阅读 · 0 评论 -
vue if 切换 input 虚拟dom渲染 如何处理 内容value 元素复用
每次切换内容依旧 不需要key 值 元素会复用反之 key值 不同 内容 value 就取消原创 2020-01-03 10:20:19 · 197 阅读 · 0 评论 -
es6 object 增强想写 简写
原创 2020-01-02 17:39:38 · 113 阅读 · 0 评论 -
js 常量的使用
常量不可修改 但可以修改常量中的属性原创 2020-01-02 17:33:53 · 579 阅读 · 0 评论 -
vue 占位符 template
template的作用是模板占位符，可帮助我们包裹元素，但在循环过程当中，template不会被渲染到页面上<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-for</title> <s...原创 2019-12-26 15:00:31 · 2205 阅读 · 0 评论 -
vue 修改标签中的内容 :id class style
v-bind,v-model注意：1:v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，在为了能够动态的给这些属性添加值，可以使用v-bind:你要动态变化的值=“表达式”2:v-bind用于绑定属性和数据 ，其缩写为“ : ” 也就是v-bind:id === :id3:v-model用在表单控件上的，用于实现双向数据绑定，所以如果你用在除了表单控件以外的标签是没有任何效果的。...原创 2019-12-26 13:16:00 · 5400 阅读 · 0 评论 -
vue curd 视图更新
that.datas.splice(k, 1);datas原创 2019-12-20 18:04:51 · 136 阅读 · 0 评论 -
vue在html 中直接使用方法 <td>{{timestampToTime (v.ctime )}}</td>
<td>{{timestampToTime (v.ctime )}}</td>原创 2019-12-19 17:50:09 · 850 阅读 · 0 评论 -
vue + tp5 分页搜索一套通用
public function data(Request $request) { $param = $request->param(); $param["params"]['num'] ?: $param["params"]['num'] = 5; $param["params"]['title'] ? $where['title...原创 2019-12-19 17:26:42 · 307 阅读 · 0 评论 -
vue 页面加载时触发的函数 mounted: function () {
//页面加载时触发的函数mounted: function () {this.adddata();this.banklist();this.editdata();},原创 2019-12-19 14:26:17 · 7942 阅读 · 0 评论 -
layer 报错 annot read property 'extend' of undefined layer.js要紧跟在jquery.js后面,中间不可以加其他js，
layer.js要紧跟在jquery.js后面,中间不可以加其他js，原创 2019-12-18 17:05:51 · 273 阅读 · 0 评论 -
vue ajax axios 注意:使用axios时 后端接受需要 在 $param['params'] 参数后面加 params
axios.get('findcity', { params: { cityid: that.form.address.city } }).then(function (res) { ...原创 2019-12-18 10:01:43 · 1007 阅读 · 0 评论 -
v-show
单页面互相切换active 0 默认写 0原创 2019-12-18 09:51:18 · 91 阅读 · 0 评论 -
vue 回车事件 失焦事件
在监听键盘事件时，我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：<input @keyup.enter=“submit”>在使用过程中，如果页面只针对一个Input添加键盘enter事件，可以直接按照官方文档定义的别名增加相应事件就可以了但是如果是要对页面的button添加enter键盘事件，就不能写在input或者button上，因...原创 2019-12-13 17:55:54 · 2197 阅读 · 0 评论 -
vue 分页 判断 class 名 active 选择颜色
<button @click="index(page-1)" type="button" class="btn-prev"><i class="el-icon el-icon-arrow-left"></i></button> ...原创 2019-12-13 17:44:03 · 458 阅读 · 0 评论 -
vue 的首次使用 记录
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"...原创 2019-12-13 15:26:34 · 148 阅读 · 0 评论 -
vue data里面的数据 传给后端的
form 里面 只能写 传给后端的 别的可以写在外面 this.form; ajax 传 }; return { form: { name: '', sign: '', type: '', ...原创 2019-12-12 16:34:49 · 1482 阅读 · 0 评论 -
vue 三级联动 验证 问题
需要注意: prop 只能写在 最外层 (测试要按顺序写 先验证的写在最后面 省市区 -> 区 市 省 ) <el-form-item label="地址" prop="district_name" prop="city_name" prop="province_name"> <...原创 2019-12-12 14:42:50 · 925 阅读 · 1 评论 -
vue 添加新的 规则验证
alipay: [ {required: true, message: '请输入支付宝费率', trigger: 'blur'}, {min: 0.2, max: 0.6, message: '百分比0.2 ~ 0.6 之间', trigger: 'blur'}, ...原创 2019-12-12 13:58:28 · 302 阅读 · 1 评论 -
vue 验证 点击提交 验证所有
add: function (formName) { this.$refs[formName].validate((valid) => { if (valid) { //验证通过 // console.log(thi...原创 2019-12-12 13:18:59 · 504 阅读 · 0 评论 -
vue 简单的验证方法
data() { return { ruleForm: { name: '', type: '', date: '', intro: '', } } rules: { name: [ { required: true, message: '请输入用户名', trigger: 'blur' ...原创 2019-12-12 11:31:20 · 325 阅读 · 0 评论 -
vue if else 点击隐藏 显示
<el-form-item label="永久有效"> <el-switch v-model="form.iseffective" :active-value='1' ...原创 2019-12-12 10:37:16 · 345 阅读 · 0 评论 -
vue的v-if里如何调用函数
<div v-if="test()"></div>methods属性这样配置：methods: { test: function() { var result = false; // ... return result; }}原创 2019-12-11 17:24:49 · 20698 阅读 · 0 评论 -
vue @click组件绑定事件 无效
1，给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件2，等同于在子组件中： 子组件内部处理click事件然后向外发送click事件：$emit(“click”.fn)1<Item @click.native = “shijian()”>...原创 2019-12-11 17:01:05 · 830 阅读 · 0 评论 -
vue 如何在 value 里面 {{}} 加 : 在value前 不需要 {{}}
<el-option v-for="v2 in form.province" :label="v2.city_name" :value="v2.cityid"></el-option>原创 2019-12-11 16:41:40 · 1393 阅读 · 0 评论 -
vue confirm 使用
this.$confirm('您确定删除吗？').then(_ => { do something ... (确认)}).catch(_ => { do something ... (取消)})原创 2019-12-10 17:50:51 · 2473 阅读 · 0 评论 -
vue获取表单参数
vue获取表单 alert(this.namephone); v-model=namephone原创 2019-12-10 17:14:57 · 1350 阅读 · 0 评论 -
vue验证
<template> <div class="from_box"> <form action=""> <ul> <li> 姓名： <input type="text" v-model="fo...原创 2019-12-10 17:13:12 · 219 阅读 · 0 评论 -
vue el-switch 加 : 引号 active-value 都要是字符串 不能是数字
<el-switch v-model="v.static" active-text="营业中" inactive-text="已冻结" :active-value='2' ...原创 2019-12-10 16:31:29 · 7269 阅读 · 4 评论 -
vue method
新建一个vue实例，属性el代表把对应元素区域交给vue管理（el: '#app’代表把id为app的区域交给vue管理）。那么对应元素区域里面就可以使用vue的语法了。method 方法 <!-- 触发事件，建议使用Vue的语法来绑定事件（@事件类型，代表绑定什么事件） --> <!-- 实例内定义的函数，使用Vue的语法来绑定；实例外定义的，可以使用原生的方式绑定事件 ...原创 2019-12-10 11:53:36 · 631 阅读 · 0 评论