SOURCE

var oCopy = new Clipboard('#copyBtn');
        var app = new Vue({
            el:"#app",
            data:{
                origin:"",
                translated:""
            },
            computed:{
                format:function(){
                    return this.replaceSpace(this.translated);
                }
            },
            methods:{
                replaceSpace:function(str){
                    // 将字符串中间的空格转换为'-'，并且小写
                    str = _.trim(_.lowerCase(str));
                    return str.replace(/\s+/g, "-");
                },
                getTrans:_.debounce(function(){
                    var vm = this;
                    this.$http.jsonp("http://fanyi.youdao.com/openapi.do",
                        {//请求参数
                            params: {
                                keyfrom:'FileEnfiy',
                                key:'663493265',
                                type:'data',
                                doctype:'jsonp',
                                version:'1.1',
                                q:vm.origin
                            },
                            jsonp:'callback'
                        }).then(function(res){
                            vm.translated = res.body.translation[0];
                        },function(error){
                            console.log(error)
                        });
                },500),
                // copyToClipboard:_.debounce(function(){
                //     document.getElementById("copyBtn").click();
                // },1000)
            },
            watch:{
                origin:function(newVal){
                    this.getTrans();
                },
                // format:function(newVal){
                //     this.copyToClipboard();
                // }
            }
        })

<div  class="trim-wrap" id="app">
        <textarea class="input-wrap" rows="5" v-model="origin" placeholder="中文文件名"></textarea>
        <textarea class="input-wrap" rows="5" v-model="format" id="formatResult" placeholder="格式化结果"></textarea>
        <div class="button-wrap">
            <button id="copyBtn" type="button" data-clipboard-target="#formatResult" >复制结果</button>
        </div>
        
    </div>

.trim-wrap{
      display: flex;
      flex-direction: column;
  }
  .input-wrap{
      flex: 4;
      margin: 5px;
      border-radius:5px;
    	border: 2px solid #31B0D5;
  }
  .button-wrap{
    	width:90%;
      align-self:center;
  }
#copyBtn{
  align-self:center;
  border-radius: 5px;
  height: 50px;
  width: 100%;
  border:none;
  background-color:#337AB7;
  color:#FFFFFF;
}