首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >vuejs单独推送标签到input

vuejs单独推送标签到input
EN

Stack Overflow用户
提问于 2020-02-24 01:20:56
回答 1查看 112关注 0票数 0

我有标签输入,其中的数据是由逗号(,)分隔的,在编辑页面中,我想将它们分别显示出来。(基于逗号分隔)‘

示例

data

代码语言:javascript
运行
AI代码解释
复制
here, goes, testing,tags,check,this,out

current result

What I want it to be

代码

代码语言:javascript
运行
AI代码解释
复制
fetchData() {
  axios
    .get('/api/admin/settings/'+this.$route.params.id, {
      headers: {
        Authorization: 'Bearer ' + localStorage.getItem('access_token')
      }
     })
  .then(response => {
    this.form.tags.push(response.data.seo.tags) // here is my data returning to input (image #1)
  })
  .catch(function (error) {
    console.log('error', error);
  });
},

有什么想法吗?

更新

html

代码语言:javascript
运行
AI代码解释
复制
<el-form-item label="SEO Tags">
    <el-select
        style="width:100%"
        v-model="form.tags"
        multiple
        filterable
        allow-create
        default-first-option
        placeholder="Please input your seo tags (type + hit enter)">
    </el-select>
</el-form-item>

script

代码语言:javascript
运行
AI代码解释
复制
export default {
    data() {
        return {
            dialogImageUrl: '',
            dialogVisible: false,
            site_url: process.env.MIX_APP_URL,
            form: {
                name: '',
                tagline: '',
                logo: '',
                favicon: '',
                title: '',
                tags: [],
                description: '',
                photo: '',
                _method: 'PUT',
            },
        }
    },
    created () {
        this.fetchData()
    },
    methods: {
        fetchData() {
            axios
                .get('/api/admin/settings/'+this.$route.params.id, {
                headers: {
                    Authorization: 'Bearer ' + localStorage.getItem('access_token')
                }
                })
            .then(response => {
                this.form.tags.push(response.data.seo.tags) // here is my data returning to input (image #1)
            })
            .catch(function (error) {
                console.log('error', error);
            });
        },
    }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-24 01:35:17

尝试使用string split拆分数据,然后推送生成的项目数组:

代码语言:javascript
运行
AI代码解释
复制
this.form.tags.push(...response.data.seo.tags.split(','))
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60368467

复制
相关文章
【Git】Git 标签使用 ( 创建并查询标签 | 推送单个标签到远程仓库 | 推送所有标签到远程仓库 | 删除远程仓库的标签 )
命令 , 删除远程仓库中的标签 , 注意标签的拼接格式 , " git push origin :refs/tags/ " + 标签名称 ;
韩曙亮
2023/03/30
1.2K0
【Git】Git 标签使用 ( 创建并查询标签 | 推送单个标签到远程仓库 | 推送所有标签到远程仓库 | 删除远程仓库的标签 )
宝塔部署Hostloc论坛自动签到Python脚本(增加server酱推送)
冬冬一直用的腾讯云函数来保持Hostloc论坛的签到,但是最近腾讯云函数开始收费了,最低9块钱一个月,本着能省就省的原则,我们以Python的方式来保持签到。
冬冬i
2022/04/30
2.5K0
宝塔部署Hostloc论坛自动签到Python脚本(增加server酱推送)
自动签到程序 - 雨云签到
用户9426688
2023/07/07
7240
react-开发经验分享-form表单组件中封装一个单独的input
在form表单中自定义封装一个input组件 如果不做处理 form表单提交时是获取不到这个自定义组件的数据的 这个坑对于新手来说 真的是个大坑 特别是对表单内的元素做提交不是很了解的人 用ant的ui框架来说明吧 一个基础的表单 // ant表单组件 import { Form, Select, Input, Button } from 'antd'; const FormItem = Form.Item; const Option = Select.Option; class App ext
Mr. 柳上原
2018/12/12
2.9K0
VueJS ajax
vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新 到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,在这里大家了解一下vue-resource就可以。 vue-resource的 github: https://github.com/pagekit/vue-resource
cwl_java
2019/12/25
2.9K0
Vuejs --01 起步
一、是什么      1、是一套构建用户界面的渐进式框架,Vue采用自底向上增量开发的设计           1.1     解释:框架譬如angular,是强主张,如果用之---必须使用它的模块机制,必须使用它的依赖注入,必须使用它的特殊形式定义组件(此每个视图框架都一样,难以避免);框架比如react,侵入性看似没有angular强,因为它是软性侵入。                而Vue是渐进式,没有强主张 你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开
用户1148399
2018/01/09
2K0
VueJS文档生成
1. 安装JSDoc 3 http://usejsdoc.org/index.html npm install -g jsdoc 2. 安装jsdoc-vuejs插件 https://github.com/Kocal/jsdoc-vuejs npm install --save-dev jsdoc-vuejs 3. 配置JSDoc 新建conf.json文件 { "plugins": [ "node_modules/jsdoc-vuejs" ], "source": { "inc
luciozhang
2023/04/22
1.9K0
VueJS文档生成
SolidUI 单独部署
安装SolidUI 微服务1个,至少512M内存。每个微服务默认配置启动的jvm -Xmx 内存大小为 512M(内存不够的情况下,可以尝试调小至256/128M,内存足够情况下也可以调大)。
Dlimeng
2023/06/30
1630
Python自动签到
在这个例子中,我们使用requests模块来发送POST请求到目标网站的签到接口。我们将用户名和密码作为POST请求的参数传递。如果返回的状态码是200,表示签到成功,否则表示签到失败。
用户8658949
2023/03/04
1.3K0
掘金自动签到
我们这里采用的技术栈是Node.js。代码不到50行,先贴上代码。 const Koa = require('koa'); const schedule = require('node-schedule'); const _request = require('request'); const app = new Koa(); // 自定义 const sessionid = ''; // SessionID const url = ''; // Url const options = { ur
用户4792657
2022/07/06
9720
csdn自动签到
#csdn自动签到 csdn自动签到小程序 一、python+selenium开发 by Tansty github地址: gitte地址: 1.登录页面 (1)首先进入官网 <img src="ht
ruochen
2021/11/19
8790
Vuejs 计算属性
计算属性 (computed) 处理元数据,便于进行二次利用。(比如:消费税自动计算功能)
hedeqiang
2019/12/17
1.4K0
Vuejs 对象迭代
js 对象迭代 日常生活中,开发后端给的很多元素都将会是一个对象,但有时候我们并不知道这个对象都有哪些字段。因此 js 的对象迭代可以很方便的解决此类问题
hedeqiang
2019/12/17
1.4K0
INPUT
//圆形图片 <input type="image" src="images/clear.jpg" style="border-radius:25px;" width="50"> //隐藏 <input type = "hidden" placeholder="账号" > <input type="text" name="" value="" style="display:none"> <input type = "hidden" class="" id="" name="" value=""> //不
一朵灼灼华
2022/08/05
2.9K0
Vuejs初入门
{{}}与v-bind两种方式不要同时出现在一个元素上,否则浏览器控制台会有vue的warn template标签可以用来包起一堆html元素,然后在template上使用v-if来控制多个元素的组合显示与隐藏,template本身不会出现在渲染结果中。v-show是样式级别的,在dom中任然存在的,转换成disable。v-show不支持template语法,因此template上不能使用v-show
西柚dzh
2022/06/09
1.1K0
vuejs简单介绍
使用vue编写网页是一个让人愉悦的过程,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.
javascript.shop
2019/09/04
1.8K0
vuejs简单介绍
2分钟,看完腾讯乐享最全功能盘点!
震惊! 2020已正式过去了三分之二 乐乐的心情—— 不!敢!相!信! 在这个坎坷的年份,乐乐马不停蹄为线上办公服务。在疫情、招聘、节日等特殊时节,都推出了相应的乐享使用攻略。 但是腾讯乐享不是个简单的产品,还有好多宝藏功能可以在各个场景用到。 今天乐乐为大家带来了分学习培训、知识管理、文化建设三大场景的【腾讯乐享最全功能盘点】!助力新朋友老朋友更好地使用乐享。 超便捷创建课堂: 支持文档、音视频素材; 课程可按需设置为选修/必修; 章节课程or独立课程,按你所需; 可以设置课程可见
腾讯乐享
2020/09/04
4.1K0
单独HornetQ启动HornetQ
打开命令行,进入到HornetQ的bin目录下,执行./run.sh (或者在Windows下 run.bat)。 在linux环境下可执行nobup ./run.sh。
程序新视界
2022/05/06
5390
input vs raw_input
今天是教师节,祝老师们节日快乐。然后,今早,我居然也收到了祝福。。。暗自窃喜。 把之前有几篇不属于课程系列的文章整理了一下,回复 w 可以看到文章列表。包括罚点球游戏、搭建论坛、创建微信公众号等几篇。 最近几天有同学反映,咱们的论坛不太稳定。我自己也发现了,碰上好几次帖子打不开、发帖发不上的情况,一会儿就又恢复正常了。难道是因为教室的人越来越多,服务器快撑不住了?如果是这样的话,那我倒是挺开心的。暂时如果大家遇上页面打不开就麻烦多刷新几次,刷爆了我去换新服! 继续回答提问: 1.猜大小游戏里,answer=
Crossin先生
2018/04/17
1.6K0
极光推送的角标问题——让人又爱又恨的小红点
我们现在无论何时拿出自己的手机,解锁后的主页上,总能看到一个个的小红点,仿佛在呐喊:有消息啦,不管重不重要,快点我,快来消除我。
Iris_jay
2019/04/18
4.2K1

相似问题

将TFS签到推送到SVN

12

Vuejs阵列推送

10

推送不是函数vuejs。

10

vuejs + firebase数据推送

10

Vuejs @input=“函数”不起作用,但@input="() => do“正在工作。

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文