|
|
@@ -44,8 +44,11 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="商品标签">
|
|
|
- <el-input v-model="form.tags" placeholder="逗号分隔,如: 育儿,亲子,心理" maxlength="200" clearable class="w-400" />
|
|
|
- <div class="form-hint-mt4">用于小程序文章详情页「相关商品」推荐:标签与文章标签一字不差才会匹配,留空则不参与匹配</div>
|
|
|
+ <el-select v-model="productTagList" multiple filterable allow-create default-first-option
|
|
|
+ placeholder="输入标签后回车添加,如:育儿、亲子、心理"
|
|
|
+ class="w-400">
|
|
|
+ </el-select>
|
|
|
+ <div class="form-hint-mt4">回车添加标签,点标签可删除;用于小程序文章详情页「相关商品」推荐:标签与文章标签一字不差才会匹配,留空则不参与匹配</div>
|
|
|
</el-form-item>
|
|
|
|
|
|
<!-- 营养信息(可选) -->
|
|
|
@@ -562,6 +565,15 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
+ productTagList: {
|
|
|
+ get() {
|
|
|
+ if (!this.form.tags) return []
|
|
|
+ return this.form.tags.split(/[,,、\s]+/).map(t => t.trim()).filter(t => t.length > 0)
|
|
|
+ },
|
|
|
+ set(val) {
|
|
|
+ this.form.tags = (val || []).join(',')
|
|
|
+ }
|
|
|
+ },
|
|
|
isEdit() {
|
|
|
return !!this.$route.query.id
|
|
|
},
|