由原生js实现删除操作的流程是:
1、在template模板的删除标签中,添加一个自定义属性,属性的值和数据的id绑定。
2、在点击时,根据BOM操作的鼠标事件,通过etarget获取到当前元素,然后再读取其绑定的自定义属性值。
3、由自定义属性值锁定到当前DOM标签的索引号。
4、根据索引号删除被选中的标签。
1.创建模板文件2.创建的模板文件只能使用wxml和wxss文件,可以在js文件中模拟逻辑操作,但最后这些逻辑操作是要写在调用模板的文件的JS文件中...
3.引用模板 在使用模板文件的wxml的头部中引用模板的wxml文件(注意分清谁引用谁啊,错...
4.如果模板中有js相关的操作或者引入了变量,这些变量和方法必须写在引入模板的js文件中...
5.最后的最后,附上demo,给你个参照,让你知道为啥我行,你不行。
1、vuejs里面定义的template里面定义的多个元素只显示一个2、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>rendlist</title>
<style>
.finished{
text-decoration: line-through
}
</style>
</head>
<body>
<div id="app">
<task-app :list="tasks"></task-app>
<task-app :list="[{body:'vue',finished:false}]"></task-app>
</div>
<template id="task-template">
<h1>
my tasks({{list.length}})
剩余的tasks<span v-show="remaining">({{remaining}})</span>
</h1>
<div>
<ol>
<li
@click="toggle(task)"