"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[411],{60411:function(n,t,i){i.r(t),i.d(t,{default:function(){return h}});var e=i(20641),l=i(90033),o=function(n){return(0,e.Qi)("data-v-f98f148a"),n=n(),(0,e.jt)(),n},s={class:"lin-container"},c=o((function(){return(0,e.Lk)("div",{class:"lin-title"},"多重输入框",-1)})),a={class:"lin-wrap-ui"},u=o((function(){return(0,e.Lk)("div",{class:"label-title"},"示例",-1)})),d={class:"block-box"},r={class:"function"},p=["onClick"],f={style:{"white-space":"pre-wrap"}};function v(n,t,i,o,v,k){var m=(0,e.g2)("el-input"),C=(0,e.g2)("el-row"),h=(0,e.g2)("el-collapse-item"),x=(0,e.g2)("el-collapse"),b=(0,e.g2)("el-card");return(0,e.uX)(),(0,e.CE)("div",s,[c,(0,e.Lk)("div",a,[(0,e.bF)(b,{class:"box-card",style:{"margin-bottom":"50px","padding-bottom":"20px"}},{default:(0,e.k6)((function(){return[u,(0,e.Lk)("div",d,[v.list.length?(0,e.Q3)("",!0):((0,e.uX)(),(0,e.CE)("i",{key:0,class:"iconfont icon-jia plus",onClick:t[0]||(t[0]=function(){return k.addContent&&k.addContent.apply(k,arguments)})})),((0,e.uX)(!0),(0,e.CE)(e.FK,null,(0,e.pI)(v.list,(function(n,i){return(0,e.uX)(),(0,e.Wv)(C,{class:"input-row",key:i},{default:(0,e.k6)((function(){return[(0,e.bF)(m,{modelValue:n.text,"onUpdate:modelValue":function(t){return n.text=t},placeholder:"请输入内容",size:"medium",class:"input-detail"},null,8,["modelValue","onUpdate:modelValue"]),(0,e.Lk)("div",r,[(0,e.Lk)("i",{class:"iconfont icon-jian1 minus",onClick:function(n){return k.removeContent(i)}},null,8,p),i===v.list.length-1?((0,e.uX)(),(0,e.CE)("i",{key:0,class:"iconfont icon-jia plus",onClick:t[1]||(t[1]=function(){return k.addContent&&k.addContent.apply(k,arguments)})})):(0,e.Q3)("",!0)])]})),_:2},1024)})),128))]),(0,e.bF)(x,null,{default:(0,e.k6)((function(){return[(0,e.bF)(h,{title:"查看代码",name:"2"},{default:(0,e.k6)((function(){return[(0,e.Lk)("div",f,(0,l.v_)(v.base),1)]})),_:1})]})),_:1})]})),_:1})])])}i(44114),i(54554);var k={data:function(){return{base:'\n <div class="block-box">\n <i class="iconfont icon-jia plus" v-if="!list.length" @click="addContent"></i>\n <el-row class="input-row" v-for="(item,index) in list" :key="index">\n <el-input\n v-model="item.text"\n placeholder="请输入内容"\n class="input-detail"\n ></el-input>\n <div class="function">\n <i class="iconfont icon-jian1 minus" @click="removeContent(index)"></i>\n <i class="iconfont icon-jia plus" v-if="index === list.length-1" @click="addContent"></i>\n </div>\n </el-row>\n </div>\n <script>\n export default {\n methods: {\n addContent() {\n this.list.push({\n text: \'\',\n type: \'plus\',\n })\n },\n removeContent(index) {\n this.list.splice(index, 1)\n }\n },\n }\n <\/script>',list:[]}},methods:{addContent:function(){this.list.push({text:"",type:"plus"})},removeContent:function(n){this.list.splice(n,1)}}},m=i(66262);const C=(0,m.A)(k,[["render",v],["__scopeId","data-v-f98f148a"]]);var h=C}}]);
|
