直接上代码吧- 动态数据,动态获取,动态焦点--ohye
{{ product.title }} - {{ product.price | currency }}
type="text"
:value='product.title'
:ref='"nnnn"+product.id'
@keyup.enter="(e)=>doneEdit('nnnn'+product.id)"
>
:disabled="!product.inventory"
@click="addProductToCart(product)">
Add to cart
const allproducts = [
{"id": 1, "title": "iPad 4 Mini111", "price": 500.01, "inventory": 2},
{"id": 2, "title": "H&M T-Shirt White", "price": 10.99, "inventory": 10},
{"id": 3, "title": "Charli XCX - Sucker CD", "price": 19.99, "inventory": 5}
]
import { mapGetters, mapActions } from 'vuex'
export default {
computed:{
products:function(){ return allproducts}
},
methods:{
doneEdit:function(refid){
let dom=this.$refs[refid][0];
dom.parentNode.nextElementSibling
&& dom.parentNode.nextElementSibling.childNodes[3].focus()
},
...mapActions([
'addProductToCart',
])},
beforeCreate(){
console.log('生命周期');
},
created () {
this.$store.dispatch('getAllProducts')
}
}