<el-dialog :visible.sync="goodsshow"><el-table :data="goodsList" style=" 100%" ><el-table-column prop="fildna" label="商品名稱" style="6vw;" ><template scope="scope"><el-input size="mini" v-model="scope.row.name" ></el-input></template></el-table-column><el-table-column prop="remark" label="商品價格"><template scope="scope"><el-input size="mini" v-model="scope.row.Price" ></el-input></template></el-table-column><el-table-column fixed="right" label="操作"><template slot-scope="scope"><el-button @click.native.prevent="sendgoods(scope.row.id)" size="small"> 選擇 </el-button></template></el-table-column></el-table></el-dialog> data() {return {goodsList:[],goodsshow:false};methods: {//顯示彈出框goodslistfun(){this.goodsshow = true}, }

總結

以上是生活随笔為你收集整理的vue弹出框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。