91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue實現點擊按鈕“查看詳情”彈窗展示詳情列表操作

發布時間:2020-09-22 08:39:23 來源:腳本之家 閱讀:781 作者:所愛隔山海海 欄目:開發技術

html:

<template>
 <div>
 <Modal v-model="classStatus" width="900" title="詳情:" :styles="{top: '80px'}">
  <Table stripe class="task-table" :columns="columnsName4" :data="taskDetailList"></Table>
 </Modal>
 <div @click="showtaskDetail()">點擊彈窗按鈕</div>
 </div>
</template>

js:

<script>
import http from '@/assets/http.js'
export default {
 name: 'xx',
 data () {
 return {
  columnsName4: [
  {
   title: '序號',
   key: 'id',
   align: 'center',
   width: 70
  },
  {
   title: '姓名',
   key: 'name',
   align: 'center',
   width: 80
  }
  ],
  taskDetailList: [],
  classStatus: false
 }
},
methods: {
 showtaskDetail () {
  this.classStatus = true
 },
 }

css:

.task-table {
 margin-top: 10px;
 margin-bottom: 50px;
}

補充知識:vue通過this.$refs引用子組件出現undefined或者is not a function的錯誤

1.出現undefined錯誤

包含子組件的標簽需要放在<template></template>中第一個子標簽的子標簽中,而且需要設置ref屬性,通過該屬性調用子組件的方法或者屬性,例如

<template>
 <a-card :bordered="false">
 <s-table>  ...
 </s-table>
 
 <order-edit ref="modal" @ok="handleOk" /> <!-使用子組件-->
 </a-card>
</template>

this.$refs.modal.show() //子組件有show方法,調用方式`.方法名()`

2.出現is not a function的錯誤

2.1.子組件需要import,import是請確保路徑正確

2.2.import之后還需要在父組件的component中進行注冊

<script>
import OrderEdit from './form/OrderEdit' //1.導入編輯表單子組件組件
export default {
 name: 'OrderList',
 //2注冊子組件OrderEdit
 components:{
 OrderEdit
 }
 //..... 

}
</script>

以上這篇vue實現點擊按鈕“查看詳情”彈窗展示詳情列表操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

贺兰县| 平定县| 阜康市| 荣昌县| 田阳县| 香河县| 措美县| 凤阳县| 太白县| 宁阳县| 韩城市| 闵行区| 成都市| 丰宁| 吉林省| 庆云县| 宽甸| 安新县| 杨浦区| 乌拉特前旗| 清涧县| 垫江县| 原阳县| 胶州市| 宁化县| 阿荣旗| 荥经县| 宁远县| 昌邑市| 长垣县| 正定县| 莫力| 清远市| 利津县| 达孜县| 衡山县| 霍林郭勒市| 长葛市| 外汇| 湖州市| 水富县|