data(){
return {
currentRow: -1
}
}
@click="showModalToEdit(item.id, item.address, item.email, item.site, item.customer, item.distributor, item.state)"
showModalToEdit
нужно добавить это:this.currentRow = id // это item.id, который передаётся в метод
<tr>
с формой показывать по этому условию:<tr v-if="isModalCustomerVisible && currentRow === item.id">
this.currentRow = -1
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/Login'
import Register from '../views/Register'
import Home from '../views/Home'
import Categories from '../views/Categories'
import Detail from '../views/Detail'
import History from '../views/History'
import Planning from '../views/Planning'
import Profile from '../views/Profile'
import Record from '../views/Record'
Vue.use(VueRouter)
const routes = [
{
path: '/login',
name: 'login',
meta: {layout: 'empty'},
component: Login
},
{
path: '/register',
name: 'register',
meta: {layout: 'empty'},
component: Register
},
{
path: '/',
name: 'home',
meta: {layout: 'main'},
component: Home
},
{
path: '/categories',
name: 'categories',
meta: {layout: 'main'},
component: Categories
},
{
path: '/detail/:id',
name: 'detail',
meta: {layout: 'main'},
component: Detail
},
{
path: '/history',
name: 'history',
meta: {layout: 'main'},
component: History
},
{
path: '/planning',
name: 'planning',
meta: {layout: 'main'},
component: Planning
},
{
path: '/profile',
name: 'profile',
meta: {layout: 'main'},
component: Profile
},
{
path: '/record',
name: 'record',
meta: {layout: 'main'},
component: Record
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
window.addEventListener(() => {
try {
const deadlineInput3 = document.querySelector('[name="quiz_deadline"]')
let deadline3 = deadlineInput3.getAttribute('value')
// Если это Сафари
if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
deadline3 = deadline3.replace(/-/g, '/').replace(/\./g, '/')
}
timer('#quizeTimer', deadline3)
console.log(deadline3)
} catch (error) {
console.log('timer catch')
alert(error)
}
})
$('*').off('click');
$(window).on('beforeunload', function(){
return '';
});
<MyComponent @onplus="myMethodPlus" @onminus="myMethodMinus" />
Тогда добавить всё-таки индекс:
По клику его передавать:
И в showModalToEdit записывать:
this.currentRow = idx
А условие показа формы такое:
Без наглядного примера \ песочницы сложно.