<view>{{init}}</view>
<view>*************************</view>
<view>{{init1}}</view>
<view>-------------------------</view>
<view>{{init3}}</view>
方法(一)
computed:{
init(){
var str = '这是一个字符串[x]语句,[y]字符串很常见'
return this.handleData(str,'xxxx','yyyy')
},
},
methods:{
handleData(str,x,y,z,j){
if(str.indexOf("[x]") != -1){
str = str.replace('[x]',x)
}
if(str.indexOf("[y]") != -1){
str = str.replace('[y]',y)
}
if(str.indexOf("[z]") != -1){
str = str.replace('[z]',z)
}
if(str.indexOf("[j]") != -1){
str = str.replace('[j]',j)
}
return str
},
}
方法(二)
computed:{
init1(){
var str = '另一种方法[x],字符[y]串很常见,[z]是文字';
var list = [
{type:'[x]',value:'xxxx'},
{type:'[y]',value:'yyyyy'},
{type:'[z]',value:'zz'},
]
return this.handleData1(str,list)
},
},
methods:{
handleData1(str,list){
list.forEach(v=>{
let index = str.indexOf(v.type)
if(index != -1){
str = str.substring(0, index) + v.value + str.substring(index + 3);
}
})
return str
},
}
方法(三)
computed:{
init3(){
var list = [
{type:'[x]',value:'xxxx'},
{type:'[y]',value:'yyyyy'}
]
var str = '有太阳的日子[x]就是好,[y]太冷不想出门' ;
return this.handleData3(str,list)
},
},
methods:{
handleData3(str,list){
var arr = str.match(/\[(.*?)\]/gi);
arr.forEach(item=>{
list.forEach(v=>{
if(v.type == item){
str = str.replace(item,v.value)
}
})
})
return str
},
}