1 line
1.6 KiB
JavaScript
1 line
1.6 KiB
JavaScript
"use strict";(self["webpackChunkONLINEGAMING_PORTRAIT"]=self["webpackChunkONLINEGAMING_PORTRAIT"]||[]).push([[43],{7604:function(e,a,t){t.r(a),t.d(a,{default:function(){return f}});var d=t(6252),l=t(9963),i=t(3577);const n=e=>((0,d.dD)("data-v-c5f47a3a"),e=e(),(0,d.Cn)(),e),s={id:"demo"},o={span:"9"},u={class:"demo-input"},c=n((()=>(0,d._)("div",{span:"15"},[(0,d._)("span")],-1))),h={class:"demo-input remove-btn"},r=n((()=>(0,d._)("h3",null,"数据展示区:",-1))),v=["onClick"];function m(e,a,t,n,m,p){return(0,d.wg)(),(0,d.iD)("div",s,[(0,d._)("div",null,[(0,d._)("div",o,[(0,d._)("div",u,[(0,d.wy)((0,d._)("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>m.value=e),maxlength:"10","show-word-limit":"",clearable:"",placeholder:"请输入添加项...",style:{width:"200px"}},null,512),[[l.nr,m.value]]),(0,d._)("button",{class:"add-btn",type:"success",onClick:a[1]||(a[1]=(...e)=>p.handleAdd&&p.handleAdd(...e))}," 添加 ")])]),c]),(0,d._)("div",h,[r,(0,d.Wm)(l.W3,{name:"myfade",tag:"ul"},{default:(0,d.w5)((()=>[((0,d.wg)(!0),(0,d.iD)(d.HY,null,(0,d.Ko)(m.dataList,(e=>((0,d.wg)(),(0,d.iD)("li",{key:e.id},[(0,d.Uk)((0,i.zw)(e.label)+" "+(0,i.zw)(e.id)+" ",1),(0,d._)("button",{type:"text",onClick:a=>p.handleRemove(e)},"remove",8,v)])))),128))])),_:1})])])}t(7658);var p={name:"demoPage",data(){return{value:"",dataList:[]}},methods:{handleAdd(){this.dataList.push({id:(new Date).getTime(),label:this.value}),this.value="",console.log(this.dataList)},handleRemove(e){console.log(e.id),this.dataList=this.dataList.filter((a=>a.id!=e.id)),console.log("删除操作",this.dataList)}}},_=t(3744);const w=(0,_.Z)(p,[["render",m],["__scopeId","data-v-c5f47a3a"]]);var f=w}}]); |