代码改变世界

vue开发技巧

2020-05-11 09:55  Lecone.JY.HU  阅读(182)  评论(0编辑  收藏  举报

1.npm run xxx 指令

npm run xxx,并不是你想运行就运行的,只有在 package.json scripts 配置了,你才能 run 的。

2.v-model中使用动态生成参数。

需求:根据条件,动态生成一个textarea数组,并动态绑定数据。Entity是一个对象,d0,d1,d2,d3...dn是他的属性。要动态绑定。

实现方法:

                <div class="row" v-for="(m,index) in SelectTypeContext" >
                        <div class="col-sm-12">
                            <div class="m-b-md">
                                <div class="col-sm-2">
                                    <label class="control-label">
                                        {{m.t}}<i v-if="m.need==1" style="color:red;">*</i>
                                    </label>
                                </div>
                                <div class="col-sm-7"><textarea :placeholder=" m.t" class="form-control input-lg m-b Descpttxt" v-model="Entity['d'+index]" style="min-height:60px;" :Required="m.need===1"></textarea></div>
                                <div class="col-sm-3"><small>{{m.c}}</small></div>
                            </div>
                        </div>
                    </div>

 

的风格风格