Vue.js实现简单动态数据处理
直接上代码吧 <div id="object_crud"> 测试介绍: 1.商品名称:<g:textField name="queryStr" id="queryStr1" value="佳能"></g:textField> 测试结果JSON:<button v-on:click="clearJSON">清空测试结果 测试列表: 商品编码 |
商品类别 |
商品名称 |
简称 |
是否审核 |
是否启用 |
|
2.<button v-on:click="save">保存
3.<button v-on:click="save">更新
4.<button v-on:click="delete">删除
5.<button v-on:click="enable">启用
<button v-on:click="unEnable">停用br>
商品对象:
<div class="z333" style="height:auto;width:auto;border-top: 1px dashed #F00;
border-bottom: 1px dashed #F00;border-left: 1px dashed #F00;border-right: 1px dashed #F00">
<g:form name="myform">
ID(测试启/停用,删除):<g:textField name="id" v-model="object.id"></g:textField>
商品编码:<g:textField name="barcode" v-model="object.barcode"></g:textField><font color="red">
商品名称:<g:textField name="name" v-model="object.name"></g:textField><font color="red">
商品类别:<g:radio value="2" name="goodsType" v-model="object.goodsType"></g:radio>餐饮
<g:radio value="1" name="goodsType" v-model="object.goodsType"></g:radio>零售<font color="red"> *
商品简称:<g:textField name="shortName" v-model="object.shortName"></g:textField>
商品分类:<g:textField name="categoryName" v-model="object.categoryName"></g:textField>
品牌编码:<g:textField name="brandCode" v-model="object.brandCode"></g:textField>
产地:<g:textField name="productArea" v-model="object.productArea"></g:textField>
单位:<g:textField name="unitName" v-model="object.unitName"></g:textField>
规格:<g:textField name="goodsSpec" v-model="object.goodsSpec"></g:textField>
拼音码:<g:textField name="pyCode" v-model="object.pyCode"></g:textField>
备注:<g:textField name="remark" v-model="object.remark"></g:textField>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!