我成功设置了我的第一个 vuex 商店。数据数组从存储传递到所需的组件并正确呈现。现在我想从 JSON 文件获取数据，但无法让它工作。我没有使用 webpack，因为有时我需要在这些工具不可用的环境中处理我的项目。
以下内容无需从 JSON 文件检索数据即可运行：
商店.JS
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
products: [
{ name: "Avocado Zwem Ring", inventory: 47, unit_price: 77, image:"a.jpg", new:true },
{ name: "Danser Skydancer", inventory: 5, unit_price: 45.99, image:"a.jpg", new:true}
]
},
});
商店.VUE
<template>
<comp-products v-bind:products="products"></comp-products>
</template>
<script>
module.exports = {
components: {
'comp-products': httpVueLoader('components/comp-products.vue')
},
computed:{
products(){
return this.$store.state.products
}
}
}
</script>
我已尝试以下操作，但它不会呈现任何内容，但也不会返回错误。
商店.JS
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
products: [],
}, …我正在寻找一种方法来关闭一个组件，当它在元素的外部单击时。
我尝试了一个addEventListener. 这会关闭组件，但在关闭后它不会再次打开。
window.addEventListener('click', function(e){
if (document.getElementById('shopcartpreview').contains(e.target)){
console.log("Clicked in Box");
} else{
console.log("Clicked outside Box");
$('#shopcartpreview').hide();
}
})
有没有办法做到这一点？
<template>
<div id="shopcartpreview" v-if="carthover">
<div class="cartitem" v-for="item in cartitems">
<div class="cartitempic"><img class="productImg" width="80px" height="80px" v-bind:src="'assets/products/' + item.image"></div>
<div class="cartitemdetails">
<div class="cartitemname">{{item.name}}</div>
<div class="cartitemqty">1 X </div>
<div class="cartitemprice">€{{item.unit_price}}</div>
</div>
<div class="cartitemdelete">
<img src="assets/images/icon-bin.png" width="15px" height="15px">
</div>
</div>
<div class="carttotal">
<div class="carttotaltext">TOTAL:</div>
<div class="carttotalprice">€2,860.00</div>
</div>
<div class="cartcheckouttbn">PROCEED TO CHECKOUT</div>
<div class="viewcart">VIEW CART</div>
</div>
</template>
<script>
module.exports = {
data: function () …我正在寻找一种在空格字符处拆分文本的方法，但前提是空格字符前面没有逗号。下面是一些字符串的例子
P3, 367 P5, 367 P5, 367
或者
P3 P5 P5
或者
P3, A6, A7 P4 P5 等等...
将它们在空白字符处拆分如下
arr = VBA.Split(ActiveCell.Value, " ")
期望的结果如下：
[ P3, 367 P5, 367 P5, 367]
或者
[ P3 P5 P5]
或者
[ P3, A6, A7 P4 P5] 等...