智能社——http://www.zhinengshe.com {{msg}} 智能社——http://www.zhinengshe.com ...
转载 2017-06-09 18:50:00
66阅读
2评论
在开发后台管理系统中,经常会碰到合计行的需求,element有直接的属性可以使用,antdvue的需要手动去生成   如图为实现合计后的效果        1。首先给table配置column的时候,要明确哪些字段需要使用合计,如上图,只有总板数需要使用合计,那给总板数的配置加上标识符 即可,我这里为了方便辨识,直接增加了 su
Vue1时代Vue1.0就是在<script>标签中引入的写法:<script src="https://.....vue.js"></script>这种方式简单快捷,所以吸引了一群 PHPer。PHP 的流行框架作者还发文狂赞 Vue,于是众多粉丝就跟风过来了。 但这种方式也有它的缺点,那就是需要在运行时解析 DOM Tree。然后再绑定各种响应式变量啥的,很
原创 精选 4月前
393阅读
父组件todo.vue<template> <section class="real-app"> <headers></headers> <input type="text" class="add-input" auto...
原创 2023-01-03 15:01:19
83阅读
使用 Composition API 开发TodoList1
原创 2022-11-06 00:46:00
170阅读
Vue小练习:ToDoList
原创 2022-03-10 10:35:11
155阅读
Vue小练习:ToDoList
原创 2021-09-01 10:02:08
115阅读
Vue TodoList案例
原创 2022-06-06 14:19:11
174阅读
vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 例如:<div class='box' el='myBox'>你好</div> 让你好的颜色显示为红色:this.$els.myBox.style.color = 'red' vue2.*版
转载 2017-10-19 21:59:00
193阅读
2评论
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>TODOLIST</title><metahttp-equiv="X-UA-C
原创 2018-04-11 19:11:58
2386阅读
2点赞
写一个简单的TodoList的更实用(文末有彩蛋)。 一,使用VUE-CLI脚手架快速搭建一个框架 利用VUE-CLI来自动生成我们项目的前端目录及文件,方法: npm install -g vue-cli vue init webpack my-project cd my-project npm
转载 2019-03-30 23:01:00
112阅读
2评论
一、需求简述:1、在输入框内输入待办事项,回车后添加到列表;2、点击此事项可以将其状态改为已完成,再次点击变为未完成;3、可以实现已完成、未完成筛选;4、计数;5、在全部列表中可以进行删除;二、实现要点:1、在输入框内输入待办事项,回车后添加到列表;输入框监听回车按键,调用clickenter方法,向存放全部数据的数组rowdatas中push一组数据。clickenter() ...
原创 2021-09-09 14:23:01
287阅读
导入包:<!-- 1:导入Vue包 --> <script src="js/vue.js"></script>设置预加载和Vue对象: <!-- 2:设置预加载和Vue对象 --> <script> window.onload = function(){ var vm = new Vue({ el: ".list_con", d
原创 2021-07-30 14:02:14
68阅读
导入包:<!-- 1:导入Vue包 --> <script src="js/vue.js"></script>设置预加载和Vue对象: <!-- 2:设置预加载和Vue对象 --> <script> window.onload = function(){ var vm = new Vue({ el: ".list_con", d
原创 2022-02-28 10:15:11
50阅读
今天刚学了vue,做了一个简单的小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
原创 2021-09-03 13:25:04
109阅读
【代码】vue-cli todolist
原创 2023-02-14 09:14:18
92阅读
todolist案例实现 1、结果预览 2、功能 增加任务可以出现在list中 实现方法:使用push方法,把每次输入框的内容添加到list末尾 完成任务可以从list中删除 实现方法:使用splice(index,1)方法删除list的选中的一位元素,需要传参index,而参数index是在调用时 ...
转载 2021-09-19 17:09:00
127阅读
2评论
                  
转载 2021-09-28 11:59:00
207阅读
2评论
一、需求简述:1、在输入框内输入待办事项,回车后添加到列表;2、点击此事项可以将其状态改为已完成,再次点击变为未完成;3、可以实现已完成、未完成筛选;4、计数;5、在全部列表中可以进行删除;二、实现要点:1、在输入框内输入待办事项,回车后添加到列表;输入框监听回车按键,
原创 2022-03-04 11:21:21
244阅读
myHeader.vue <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称,按回车键确认" @keydown.enter="addHoby"/> </div> </template> <scr ...
转载 2021-09-02 21:53:00
172阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5