Javascript vue滑块帮助请单击img datatbase
单击图像时，需要更改图像 我无法在脚本中从数据库检索图像 我有一个django后端部分，我无法从数据库中找到它 我无法在vue函数中使用此选项Javascript vue滑块帮助请单击img datatbase,javascript,django,vue.js,Javascript,Django,Vue.js,单击图像时，需要更改图像 我无法在脚本中从数据库检索图像 我有一个django后端部分，我无法从数据库中找到它 我无法在vue函数中使用此选项 <script> export default { name: 'Single', props:['id','img1'], data() { return { mds: {},
<script>
export default {
name: 'Single',
props:['id','img1'],
data() {
return {
mds: {},
}
},
created() {
this.loadShop()
},
methods: {
async loadShop() {
this.mds = await fetch(
`${this.$store.getters.getServerUrl}/mds/${this.id}`
).then(response => response.json())
console.log(this.mds)
console.log(this.id)
},
}
}
</script>
导出默认值{
姓名：'单身'，
道具：['id'，'img1']，
数据（）{
返回{
mds:{}，
}
},
创建（）{
这是loadShop（）
},
方法：{
异步加载车间（）{
this.mds=等待获取(
`${this.$store.getters.getServerUrl}/mds/${this.id}`
).then（response=>response.json（））
console.log（this.mds）
console.log（this.id）
},
}
}
<div class="col-md-12" style="">
<img :src="'http://127.0.0.1:8000'+mds.img1" class="img-responsive" />
</div>
<div class="col-md-12" style="margin-top:10px;">
<div class="col-md-2">
<img :src="count" class="img-slider" @click="slid()"/>
</div>
<div class="col-md-2">
<img :src="'http://127.0.0.1:8000'+mds.img2" class="img-slider" @click="slid()"/>
</div>
<div class="col-md-2">
<img :src="'http://127.0.0.1:8000'+mds.img3" class="img-slider" @click="slid()"/>
</div>
<div class="col-md-2">
<img :src="'http://127.0.0.1:8000'+mds.img4" class="img-slider" @click="slid()"/>
</div>
<div class="col-md-2">
<img :src="'http://127.0.0.1:8000'+mds.img5" class="img-slider" @click="slid()"/>
</div>
<div class="col-md-2">
<img :src="'http://127.0.0.1:8000'+mds.img6" class="img-slider" @click="slid()"/>
</div>
</div>